在创建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);
});
分享到:
相关推荐
ExtJS grid过滤操作,可以动态操作本地的store更改筛选的内容
extjs grid 多表头 插件 extjs grid 多表头 插件
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码
extJs4 toolbar 工具条,代码例子
在 gridPanel中动态生成带按钮及查询条件的工具栏
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
EXTJS grid导出EXCEL文件,源码可以直接导入MYECLIPSE使用,EXTJS版本3.2.0
extjs grid ide:myeclipse5.5 jboss4.2.1 extjs4.2.1
storebar extjs通过store实现toolbar
ExtJs 4.0 Grid 单元格合并控件封装
很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
EXTJS Grid布局总结例子,含源代码。
自己写的一个Extjs Grid2Grid拖拽
这是一个简单的在extjs下的grid转化到Excel,里面代码简单易懂,在包里面还集成了复杂的js转化函数,不过本人没有用它来进行转化! 注:在用EXTJS的导出Excel技术中,一定要注意分页的问题
Extjs动态Grid的生成 htm
ExtJs grid多选时获取选中的所有值,以及其他相关的操作
Extjs 超级工具栏图标
NULL 博文链接:https://kohisa.iteye.com/blog/651399