Extjs Panel 顯示多行工具欄
在Extjs 的Panel中，工具欄多行顯示，加一個"render"偵聽事件，
。
Javascript 程式碼
varoneTbar=newExt.Toolbar({
items:[
{text:複製},
{text:貼上}
]
});
vartwoTbar=newExt.Toolbar({
items:[
newExt.Toolbar.TextItem(工具欄：)//顯示 文字
]
});
varthreeTbar=newExt.Toolbar({
items:[
{xtype:"tbfill"},// 後面的'tools顯示在右邊
{pressed:true,text:重新整理}
]
});
varwin=newExt.Window({
title:墨客劍諜之演示多行tbar,
width:500,
height:300,
modal:false,
renterTo:Ext.getBody(),
items:[{
xtype:panel,
tbar:[{text:新增},-,{text:刪除},-,{text:修改}],
listeners:{
render:function(){
oneTbar.render(this.tbar);//addonetbar
twoTbar.render(this.tbar);//addtwotbar
threeTbar.render(this.tbar);//addthreetbar
}
}
}]
});
win.show();
///////////////////////////////////////
簡單的做法是：
tbar: new Ext.Panel({ border: false, items:[{ xtype: toolbar, items: [ ... ... ] }, { xtype: toolbar, items: [ ... ... ] }, { xtype: toolbar, items: [ ... ... ] }]})
[Extjs Panel 顯示多行工具欄]相關文章：
1.Extjs Panel 顯示多行工具欄