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