Extjs Panel 顯示多行工具欄

來源:果殼範文吧 1.72W

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

Extjs Panel 顯示多行工具欄

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: [ ... ... ] }]})

熱門標籤