欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【ExtJS4 动态生成的grid导出为excel示例】,下面是详细的讲解!
ExtJS4 动态生成的grid导出为excel示例
搜索了蛮久,找到一些例子,因为我是初学者的缘故大多不知道怎么使用。。
研究了一下那个源码,搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小BUG,一个使用grid初始化发生的BUG
下面记录一下步骤。说不定下次还有用
1.下载需要用到js代码,我已经上传
2.在你的html文件中加入引用,路径问题自己 注意下,下面是我的路径
<script type="text/javascript" src="http://www.jb51.net/article/../export/export-all.js" ></script>;
3.在你要用到的JS代码的Ext.onReady()的开始加上
Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux.exporter', '../export/exporter');
Ext.require([
'Ext.ux.exporter.Exporter'
]);
设置命名空间。。注意路径
4.在代码里面使用,在你需要下载功能的grid处合适的地方加入
xtype: 'exporterbutton',
// store: store
component: Ext.getCmp('gird_a')
这是两种初始化excel的方式,一种用store初始化,使用store的fields和data,因为我的store中的fields名字是英文,导出来的列名是英文所以我没有使用这种,而是直接用grid进行初始化。
下面说下在别人的代码基础上我修改的地方
1.在exporter.js第40行,改成了
var columns=Ext.Array.filter(grid.columnManager.columns,
原来的代码在第一个参数那里是grid.columns,后来我发现动态生成的grid在reconfigure之后columns放在columnManager.columns里,所以这么改
2.在workbook.js中77.78行,加了两句话
this.styles=[];
this.worksheets=[];
以上2行代码进行一些初始化,否则excel每次生成因为没有清空之前的数据导致格式错误
经过以上的简单修改已经可以对一个grid随意导出,并且支持对定制字段的表格导出,即导出表格显示的列
效果图在这里:
关于ExtJS4 动态生成的grid导出为excel示例的用户互动如下:
相关问题:前台extjs,后台java,导出 gridpanel的数据到exec...
答:导出到excel和extjs没多大关系。 方法。 前台extjs一个导出按钮,代码是 window.location.href = 'out.jsp?time1='+date1+'&time2='+date2;后台获取到时间参数,然后到数据库查询,得到results。 然后把results写入一个固定格式的文件,他叫做cs... >>详细
相关问题:Ext如何把当前Grid显示的数据导出到Excel
答:这是在 Struts1.x中将数据到处为Excel /** * @param mapping * @param form * @param request * @param response * @return * 导出excel格式文件 */ public ActionForward doExportExcel(ActionMapping mapping, ActionForm form, HttpServletRe... >>详细
相关问题:Extjs4.2.0将grid数据导出到excel
答:你可以试试NPOI 支持度很好,NPOI的demo 不小几十M, 如果可以的话我5点下班到家可以给你发一份,当然网上也有类库和demo,不过好像例子不多. 用着还不错 一般导出都是链接到其他“处理页面”进行导出操作 >>详细
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【addClass】javascript自定义的addClass()方法
- 【Event】jquery下为Event handler传递动态参数的
- 【Ajax】jQuery 学习第六课 实现一个Ajax的TreeVi
- 【cookie】不要在cookie中使用特殊字符的原因分析
- 【extjs】extjs每个组件要设置唯一的ID否则会出错
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
