Ansori, M.

Untuk mempercepat dalam proses belajar dan membangun aplikasi menggunakan framework Extjs adalah dengan mengenal komponen-komponen Extjs.  Berikut komponen-komponen Extjs yang wajib tahu dan yang biasa digunakan dalam pengembangan aplikasi: Form Text TextArea Number Date Time ComboBox Checkbox Radio HtmlEditor File Display Hidden Button Panel Tab Panel Container Window Grid Menu Materi detail akan lebih mudah dipahami melalui tutorial video di channel youtube Ansori M . Playlist:  BELAJAR EXTJS BAHASA INDONESIA   Terima kasih. Salam Koding! Salam Extjs!

Di pelajaran sebelumnya, kita sudah membuat view baru, yaitu view Users dan Groups. Langkah selanjutnya, gimana cara pakai / memanggil view tersebut di menu. Kita klik menu Users muncul view Users begitu juga yang menu Groups. Mari kita coba aplikasikan untuk menu Users: Buka file Users.js , tambahkan config xtype: 'view-users' , baris kodenya akan menjadi seperti di bawah ini:   Buka file  Main.js  , di menu Users  (title: 'Users')  cari baris kode  iconCls: 'fa-user  , tambahkan config items setelahnya: items: [ { xtype: 'view-users' } ] Comment atau hapus config bind   Kurang lebih script lengkap dari Main.js adalah seperti ini, Cek hasilnya! Seperti biasanya, buka terminal, masuk folder MantapApp, sencha app watch , buka browser. Seharunya akan tertampil seperti gambar di bawah ini saat klik menu Users, Lakukan proses di atas, untuk menu Groups. Catatan penting:  Config items : untuk memasukkan satu atau beberapa ko...

Sebelum memulai materi pembelajaran ini, setidaknya kamu sudah mengikuti dan mempraktekkan tutorial  APLIKASI LOGIN (EXTJS 7.0.0) , minimal Part 1 dan Part 2. A. Cara 1: Membuat view Baru dengan SenchaCmd Sebagai contoh, mari kita buat view users. Nantinya view ini kita gunakan untuk menu Users. Buka Terminal / CMD Masuk ke folder aplikasi:      cd MantapApp      Perintah generate view:    sencha generate view users.Users        Secara otomatis akan terbuat folder user, file view, controller dan view model user. B. Cara 2: Membuat view Baru tanpa SenchaCmd Sebetulnya untuk cara 2 ini, sudah pernah kita praktekkan di tutorial Aplikasi Login Part 2. Mari kita coba untuk membuat view groups. Di sisi kiri Text Editor, klik kanan folder app/view -> New Folder -> beri nama: groups 2. Di sisi kiri Text Editor, klik kanan folder app/view/groups -> New File -> beri nama: Groups.js 3. Di dalam file Group.js buat cl...