/*******************导出数据到excel************/
function exportExcel(grid) {
var jsonStore = "";// 用户存放数据
var head = "";// 用户存放表头
var flag = true;// 标记 ,为第一次循环时加载head(只需加载一次)
var cfg = null;
var ds = grid.getStore();
var cm = grid.getColumnModel();
ds.each(function(record) {
jsonStore += "&{";
for (var i = 0; i < cm.config.length; i++) {
cfg = cm.config[i];
if (cfg.dataIndex && !cfg.hidden) {
if (flag)
head += "&{\"ename\":\"" + cfg.dataIndex + "\",\"cname\":\""
+ cfg.header + "\",\"width\":\""
+ (cfg.width || 20) + "\"}";
var val = record.get(cfg.dataIndex);
if (cfg.renderer) {
val = cfg.renderer(val);
}
jsonStore += "\""+cfg.dataIndex + "\":\"" + val + "\",";
}
}
jsonStore = jsonStore.substring(0, jsonStore.length - 1);
jsonStore += "}";
flag = false;
});
head = head.substring(1);
jsonStore = jsonStore.substring(1);
document
.write("<form name='formExcel' action='exportExcel.action' method='post' style='display:none'>");
document.write("<input type=text name='jsonStore' value='" + jsonStore
+ "'/>");
document.write("<input type=text name='head' value='" + head + "'/>");
document.write("</form>");
document.formExcel.submit();
}
分享到:
相关推荐
总结来说,EXTJS Grid的数据导出到Excel是通过获取Grid数据、转换数据格式、利用SheetJS创建Excel文件,并最终提供下载链接来实现的。这一过程涉及到了EXTJS的Store操作、SheetJS的API使用以及前端文件操作等技术。...
EXTJS是一个基于JavaScript的...以上就是EXTJS Grid导出Excel文件的相关知识点,理解并掌握这些内容可以帮助你实现从EXTJS应用中导出数据到Excel的功能。在实际开发中,还需要考虑性能优化、错误处理以及兼容性问题。
ExtJs 4.2版本提供了内置的`Ext.grid.feature.Exporter`插件,它允许你直接从Grid导出数据到CSV或Excel格式。以下是使用此方法的步骤: 1. 在Grid配置中,添加`Exporter`插件。你需要指定导出的类型(如'csv'或'...
在这一场景下,它可能涉及到EXTJS的Grid组件,这是一个可以显示大量数据并支持各种交互操作的表格控件。 描述中提到“ASP.NET的EXTJS数据导出到EXCEL”,意味着后端使用了ASP.NET技术,这是一款微软提供的Web开发...
以上就是EXTJS Grid导出Excel的基本流程。在实际应用中,我们可能还需要考虑数据格式化、样式设置、错误处理等细节问题,以提供更好的用户体验。同时,由于EXTJS版本更新频繁,不同版本的EXTJS Grid导出功能可能会...
Extjs4 grid 导出为Excel 下载后放在网站(不放在网站中导出按钮不能会点击无响应,因为这里调用了swf文件)里可直接运行index.html测试 <link href='...
总结一下,实现ExtJS4前台Grid导出Excel的功能主要涉及以下几个步骤: 1. 获取Grid的数据。 2. 使用SheetJS库将数据转换为Excel格式。 3. 设置工作簿的元数据,如表头和列宽。 4. 将工作簿写入Blob对象,然后通过`...
当我们需要将Ext Grid中的数据导出为Excel格式时,这通常涉及到数据的处理和转换,以便用户能够方便地在离线环境中分析或共享。这篇博客"Ext Grid 导出Excel"可能详细介绍了如何实现这一功能。 首先,让我们理解Ext...
标题 "extjs把数据导出至excel" 涉及的是使用ExtJS 3这个JavaScript框架将数据导出到Excel文件的技术。ExtJS是一个用于构建Web应用的前端库,提供了丰富的组件和API,使得在浏览器端处理数据变得更加方便。在这个...
在标题中提到的"ExtJS4.0 分享Grid导出Excel插件"是一个扩展功能,允许用户将ExtJS Grid中的数据导出为Microsoft Excel格式的文件。这对于数据分析、报表生成以及数据共享非常有用。 这个插件是针对ExtJS 4.0版本...
"extjs4导出excel"的功能就是实现了这个需求,让用户能够在ExtJS 4应用中方便地导出表格数据到Excel文件。 在ExtJS 4中实现数据导出至Excel通常涉及以下几个关键步骤: 1. **数据收集**:首先,你需要收集要导出的...
标题中的“Extjs 从grid中导出Excel表格”指的是使用ExtJS框架,一个流行的JavaScript库,来将数据从Grid组件导出到Microsoft Excel格式的文件。在ExtJS中,Grid是一个用于展示数据的组件,它支持各种操作,如排序、...
以下是一个简单的EXTJS4导出Excel的代码示例: ```javascript // 假设你已经有了一个名为grid的GridPanel实例,其store为store实例 var csvData = ''; store.each(function(record) { var fields = record.data; ...
1. 首先,获取数据网格中显示的所有数据,这可能涉及到数据源(Store)的读取和筛选。 2. 然后,根据数据网格的配置,如分组、分组合计行和二重表头,构造Excel的表格结构。这可能需要对Excel的XML格式(例如,.xlsx...
总之,"Grid导出到Excel例子(源码+注释)"是一个实用的学习资源,涵盖了前端开发中数据处理和导出的关键技术。通过深入研究和实践,你不仅可以掌握Grid组件的使用,还能了解数据交换格式、Blob对象以及浏览器下载...
这是一个简单的在extjs下的grid转化到Excel,里面代码简单易懂,在包里面还集成了复杂的js转化函数,不过本人没有用它来进行转化! 注:在用EXTJS的导出Excel技术中,一定要注意分页的问题
3. **数据导出**:EXTJS3并没有内置直接将Grid数据导出到Excel的功能,但我们可以通过模拟浏览器的下载行为来实现。一种常见的方法是创建一个隐藏的`<iframe>`,然后将数据转换为CSV格式,因为CSV可以直接被Excel...
"ExtJS导出Excel"的功能则是允许用户将`grid`中的数据方便地导出为Excel格式,这样可以方便数据的保存、分析和共享。 在实现页面级的ExtJS `grid`数据导出到Excel时,通常会涉及到以下几个关键知识点: 1. **ExtJS...
在EXTJS 中,导入和导出Excel 文件是常见的需求,特别是在处理大量数据时,Excel 的格式化和编辑能力非常有用。 ### 导出到Excel EXTJS 提供了多种方式来实现数据到Excel 的导出。一种常见的方式是通过服务器端...