Extjs Tips : Membuat Multiple Row Toolbar

Row Toolbar kedua dengan label tulisan

Strike to the point aja ya, intinya agar bisa mendapatkan beberapa baris toolbar caranya adalah :

1.  Buat sebuah toolbar biasa dahulu via options tbar atau bbar.

2. Tambahkan toolbar lainnya ke object container dimana toolbar pertama berada dengan option renderTo. Sebaiknya disimpan di event render, jadi pas element containernya sudah siap bisa langsung diattach tambahan toolbarnya.

3. Lakukan sinkronisasi layout toolbar supaya tidak tumpang tindih dengan methode syncSize().

myPanel = Ext.Panel({

....

tbar : {

text : 'Edit',

iconCls: 'icon-edit',

handler: function(){}

}

...

});

myPanel.on('render',function(){

new Ext.Toolbar({

renderTo: this.tbar,

items: 'Efek Sliding di JQuery' //ganti dengan item toolbar jika tidak ingin text

});

this.syncSize();

});

That’s it. Semoga bermanfaat.

Advertisement