Cara menggunakan view di menu Aplikasi 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:

1. Buka file Users.js , tambahkan config xtype: 'view-users' , baris kodenya akan menjadi seperti di bawah ini:

 

2. 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 komponen (class) ke dalam suatu container / panel / tabpanel. Dalam kasus di atas, menu merupakan komponen tabpanel.

Salam Extjs! Develop app itu mudah & menyenangkan! 😊

Seri belajar extjs bahasa indonesia, seri tutorial extjs bahasa indonesia