extjs grid 增加多个toolbar工具栏

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);
});