在创建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); });