js将EasyUI datagrid加载的表格选中数据导出为CSV文件

最新推荐文章于 2019-05-17 10:09:07 发布

何清清

最新推荐文章于 2019-05-17 10:09:07 发布

阅读量1.1k

点赞数 1

分类专栏：前端文章标签： js dategrid 导出 json

本文链接：https://blog.csdn.net/qq_31702121/article/details/81131769

版权

本文介绍如何使用JavaScript结合EasyUI Datagrid将表格数据导出为CSV文件。首先展示datagrid的HTML代码，接着是用于导出的HTML部分，最后通过JavaScript函数实现数据的转换和导出操作。

摘要由CSDN通过智能技术生成

首先datagrid加载的表格代码部分为（HTML）：

<table id="testResultId" style="display: none"></table>

导出文件代码部分（HTML）：

<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="ExporterExcel()">导出</a>

然后是<script>函数：

//表格导出开始，将json对象导出为CSV文件
function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
            //If JSONData is not an object then JSON.parse will parse the JSON string in an Object
            var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData)
                    : JSONData;
 
            var CSV = '';
            //Set Report title in first row or line
            CSV += ReportTitle + '\r\n\n';
 
            //This con