Extjs Panel 顯示多行工具欄

在Extjs 的Panel中，工具欄多行顯示，加一個"render"偵聽事件，

。

Javascript 代碼

varonetbar=bar({

items:[

{text:複製},

{text:粘貼}

]

});

vartwoTbar=bar({

items:[

Item(工具欄：)//顯示 文本

]

});

varthreeTbar=bar({

items:[

{xtype:"tbfill"},// 後面的tools顯示在右邊

{pressed:true,text:刷新}

]

});

varwin=ow({

title:墨客劍諜之演示多行tbar,

width:500,

height:300,

modal:false,

renterTo:ody(),

items:[{

xtype:panel,

tbar:[{text:添加},-,{text:刪除},-,{text:修改}],

listeners:{

render:function(){

er();//addonetbar

er();//addtwotbar

er();//addthreetbar

}

}

}]

});

();

///////////////////////////////////////

簡單的做法是：

tbar: new l({ border: false, items:[{ xtype: toolbar, items: [ ... ... ] }, { xtype: toolbar, items: [ ... ... ] }, { xtype: toolbar, items: [ ... ... ] }]})