extjs grid 增加多个toolbar工具栏

在创建grid时候这个是必须的:

tbar : [{
id : 'newWindow',
text : '票据入库',
iconCls : 'add',
handler : function() {
showMemerAddWindow(); //显示表单所在窗体
}
}]


创建完成后可再新建一个toolbar:

tbar2 = new Ext.Toolbar({
renderTo : grid.tbar,//其中grid是上边创建的grid容器
items : ['第二行工具栏', '-', {
text : '查询',
iconCls : 'search'
}, '-']
});


也可以用tbar2这个对象中的render方法.
tbar2.render(grid.tbar);
则是tbar2放在grid中tbar之下!!!


在应用程序的制作中,我们经常性的会用到工具栏,在Extjs中Panel中提供了tbar和bbar两个内置的工具栏,极大的方便了大家的使用,但是在创建多行工具栏的时候,就会有一些问题产生了,不能正常的显示已经设计好的页面。下面通过对Panel的render事件的监听,在它被渲染的时候添加多条工具栏,这样就不会影响页面的显示了。这一方法对Panel,FormPanel,GridPanel都适用。具体代码如下:

Ext.onReady(function(){
var tbar1 = new Ext.Toolbar([
{text:'添加按钮'},{text:'修改按钮'},{text:'删除按钮'}]);
var main = new Ext.Panel({
title:'一个面板',
border:false,
tbar : [{text:'一个按钮'}],
listeners : {
'render': function(){
tbar1.render(main.tbar);
}
}
});
main.render(document.body);
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值