Skip to content

Extjs Tips : Membuat Multiple Row Toolbar

20 April 2010

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.

3 Comments leave one →
  1. 8 May 2010 9:28 am

    Numpang lewat

  2. cevarief permalink*
    9 May 2010 8:42 am

    Cepet banget lewatnya😛

  3. 15 October 2011 1:53 pm

    tips yang bagus,.,.
    sangat membantu,.,.

    teriima kasih.,.,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: