- 相關推薦
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 顯示多行工具欄]相關文章：
【Extjs Panel 顯示多行工具欄】相關文章：
怎么把QQ工具欄去掉08-01
酒店led顯示屏標語12-31
LED發光顯示產品廣告標語12-29
LED顯示屏廣告標語12-28
酒店led顯示屏標語5篇12-31
酒店led顯示屏標語(5篇)12-31
新婚led顯示屏祝福語10-27
顯示器代理銷售協議02-19
LED顯示屏廣告投放合同09-08
酒店led顯示屏標語集合5篇02-07