当前位置:范文城>校园范本>其他>

Extjs Panel 显示多行工具栏

其他 阅读(1.77W)

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