- 相关推荐
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