default script termasuk adaptor Ext yang sesuai dengan garis-garis untuk spesifik library, seperti yang ditunjukkan di bawah ini:
Kegagalan ext adapter:
script src=libextjsadapterextext-base.jsscript
Untuk jQuery, termasuk file-file Document:
script src=libjquery.jsscript script src=libjquery-plugins.jsscript
script src=libextjsadapterjqueryext-jquery-
adapter.jsscript
Untuk YUI, termasuk file-file di HEAD. The utilitas file tersebut berada di build folder utilitas library YUI download:
script src=libutilities.jsscript script src=libextjsadapteryuiext-yui-adapter.jsscript
Untuk Prototype + Scriptaculous, termasuk file-file di HEAD:
script src=libprototype.jsscript script src=libscriptaculous.js?load=effectsscript
script src=libextjsadapterprototypeext-prototype-
adapter.jsscript
Setelah adaptor dan basis library sudah disertakan, setelah itu hanya perlu memasukkan ext-all.js atau ext-all-debug.js file. Dengan menggunakan Ext,
dapat dengan mudah mulai membuat suatu program.
Gambar 2.1 Rancang Web Develop
Hal ini di maksudkan tidak lagi dipaksa untuk mengambil script secara baris per baris untuk pengembangan suatu web. Metode ini berpikir tentang
halaman web yang dianggap sulit bagi kebanyakan web development yang akan membangun suatu web.
2.1.3 Konfigurasi Extjs
Sebelum dapat menggunakan Extjs pada program yang akan buat, terlebih dahulu melihat file library Ext, serta menyertakan beberapa file pada HEAD dari
halaman HTML yang sudah disediakan dalam SDK. Seperti contoh di bawah ini :
html head
titleGetting Started Exampletitle link rel=stylesheet type=textcss
href=libextjsresourcescssext-all.css script src=libextjsadapterextext-base.jsscript
script src=libextjsext-all-debug.jsscript head
body -- Nothing in the body --
body html
Pada contoh diatas, path file Ext harus benar dan harus relative terhadap lokasi file HTML yang sudah di buat. File-file ini disertakan dalam urutan sebagai
berikut : o
ext-all.css : adalah ext utama pada file css atau file stylesheet yang mengontrol tampilan pada ext widget. File ini harus selalu dimasukkan dengan tidak
memodifikasi. Setiap perubahan CSS ke dalam file ini akan langsung di upgrade.
o ext-base.js : adalah ext “adapter” atau file ini menyediakan fungsionalitas dari
ext. kita bisa merubah file yang kita inginkan dengan cara kita harus menggunakan library lain, seperti jQuery menggunakan Ext.
o ext-all.js atau ext-all-debug.js : adalah ext utama pada file library, yaitu semua
widget yang berada pada file ini. Versi debug digunakan untuk membangun dan versi non-debug digunakan untuk produksi.
untuk memulai membuat aplikasi dengan ExtJS anda membutuhkan minimal 3 file.. Ke-3 file itu adalah file HTML, file Javascript dan file CSS.
Dalam file HTML berisi code untuk menyertakan resource file aplikasi yaitu file Javascript dan file CSS, dan biasanya file HTML ini akan dipanggil atau direquest
oleh user. Aplikasi membutuhkan library ExtJS, dimana harus mengincludekan file
javascript dari ExtJS yaitu ext-base.js dan ext-all.js untuk production atau ext- base-debug.js dan ext-all-debug.js saat development, serta file css ext-all.css.
Sesuaikan lokasi path dengan lokasi path library extjs pada komputer. Di dalam tag body bisa di tambahkan informasi apapun atau tag div dari
DOM. Kemudian file Javascript lain applyayout.js, ini adalah file javascript baru yang di buat. Di dalamnya berisi kode javascript untuk pembuatan aplikasi web
ini dalamnya berisi kode javascript untuk pembuatan aplikasi web ini. Misalnya kita akan menampilkan window, kodenya seperti berikut:
Application Layout http:extjs.comlearnTutorial:Application_Layout_for_Beginners
