ExtJS4 动态生成的grid导出为excel示例

编辑：rootadmin

搜索了蛮久，找到一些例子，因为我是初学者的缘故大多不知道怎么使用。。研究了一下那个源码，搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小BUG，一个使用grid初始化发生的BUG 下面记录一下步骤。说不定下次还有用 1.下载需要用到js代码，我已经上传 2.在你的html文件中加入引用，路径问题自己注意下，下面是我的路径 3.在你要用到的JS代码的Ext.onReady()的开始加上设置命名空间。。注意路径 4.在代码里面使用，在你需要下载功能的grid处合适的地方加入这是两种初始化excel的方式，一种用store初始化，使用store的fields和data，因为我的store中的fields名字是英文，导出来的列名是英文所以我没有使用这种，而是直接用grid进行初始化。下面说下在别人的代码基础上我修改的地方 1.在exporter.js第行，改成了原来的代码在第一个参数那里是grid.columns,后来我发现动态生成的grid在reconfigure之后columns放在columnManager.columns里，所以这么改 2.在workbook.js中.行，加了两句话以上2行代码进行一些初始化，否则excel每次生成因为没有清空之前的数据导致格式错误经过以上的简单修改已经可以对一个grid随意导出,并且支持对定制字段的表格导出，即导出表格显示的列效果图在这里:

推荐整理分享ExtJS4 动态生成的grid导出为excel示例，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

ExtJS4 表格的嵌套 rowExpander应用今天做一个grid，里面的数据需要带明细，思来想去还是搞个表格嵌套吧！看下图对于grid中每一条记录点击左边的+号能展开一个明细的子表格所有数据

ExtJS4如何给同一个formpanel不同的url formpanel可以这样使用，api上的例子：varpanel=Ext.create('Ext.form.Panel',{title:'SimpleForm',bodyPadding:5,width:,//将会通过AJAX请求提交到此URL//url:'save-form.php',//表单

ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox 由于某种原因，需要做一个控制grid列显示的checkboxgroup，虽然EXTJS4中的gridpanel自带列表可以来控制列的显示隐藏，但是有这样的需求（需要一目了然）

标签: ExtJS4 动态生成的grid导出为excel示例

本文链接地址:https://www.jiuchutong.com/biancheng/370330.html 转载请保留说明！

上一篇：Extjs的FileUploadField文件上传出现了两个上传按钮

下一篇：ExtJS4 表格的嵌套 rowExpander应用