首页 > 绿色校园 > 其他 > Extjs Panel 显示多行工具栏

Extjs Panel 显示多行工具栏

   来源:学问馆    阅读: 1.6W 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

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

出国留学
外语学习
寄语
广播稿
观后感
读后感
读书笔记
电影