Extjs Panel 顯示多行工具欄
來源:果殼範文吧 1.72W
在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: [ ... ... ] }]})