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 顯示多行工具欄]相關(guān)文章：

1.Extjs Panel 顯示多行工具欄

【Extjs Panel 顯示多行工具欄】相關(guān)文章：

怎么把QQ工具欄去掉08-01

酒店led顯示屏標語12-31

LED發(fā)光顯示產(chǎn)品廣告標語12-29

LED顯示屏廣告標語12-28

酒店led顯示屏標語5篇12-31

酒店led顯示屏標語(5篇)12-31

新婚led顯示屏祝福語10-27

顯示器代理銷售協(xié)議02-19

LED顯示屏廣告投放合同09-08

酒店led顯示屏標語集合5篇02-07