Ext JS 实现Excel前台导出代码示例

本篇文档主要介绍了如何在前端使用Ext JS框架实现Excel文件的导出功能。作者花费了几天时间整理了一段实用的代码片段，用于将数据从一个网格（Grid）导出到Excel表格中。以下是详细步骤和关键知识点： 1. 函数`onItemClick`：当用户点击某个网格项时，会触发这个事件处理器。它调用`Ext.ux.Grid2Excel.Save2Excel`方法，将当前网格的数据保存到Excel。 2. `Ext.ux.Grid2Excel.Save2Excel`方法：该核心函数实现了Excel导出功能。首先，它获取到网格的列模型（ColumnModel）和数据存储（Store），然后遍历每一列： - 获取每列的标题（ColumnHeader），并写入Excel工作簿（Workbook）的第一个单元格。 - 遍历每一行数据，通过索引访问存储中的值（`r[excm.getDataIndex(i)]`）。这里处理了日期类型的数据，将其格式化为'Y-m-d'。 - 将处理后的值写入Excel工作表的相应单元格。 3. 使用`ActiveXObject`创建Excel对象，并操作Excel工作簿（`oWB`）、活动工作表（`oSheet`）等，如添加新工作簿、设置单元格值、关闭提示等。 4. 防止错误提示：如果遇到ActiveX相关的问题（比如IE浏览器的ActiveX控件未启用），通过Ext库的`Msg.show`方法显示一个包含指导信息的警告对话框。 5. 清理工作：使用`window.setInterval`定时器，在一定延迟后执行`Cleanup()`函数，可能用于关闭Excel进程或释放内存资源。 这段代码为前端开发人员提供了一个使用Ext JS框架将数据导出到Excel文件的实用工具，适用于那些需要将数据进行批量导出或分享的场景。开发者需要注意确保IE浏览器的ActiveX控件已启用，以避免出现兼容性问题。