easyui datagrid 前端导出csv

1. unction JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {  
2.             //If JSONData is not an object then JSON.parse will parse the JSON string in an Object  
3.             var arrData = typeof JSONData != ‘object‘ ? JSON.parse(JSONData)  
4.                     : JSONData;  
5.   
6.             var CSV = ‘‘;  
7.             //Set Report title in first row or line  
8.   
9.             CSV += ReportTitle + ‘\r\n\n‘;  
10.   
11.             //This condition will generate the Label/Header  
12.             if (ShowLabel) {  
13.                 var row = "";  
14.   
15.                 //This loop will extract the label from 1st index of on array  
16.                 for ( var index in arrData[0]) {  
17.   
18.                     //Now convert each value to string and comma-seprated  
19.                     row += index + ‘,‘;  
20.                 }  
21.   
22.                 row = row.slice(0, -1);  
23.   
24.                 //append Label row with line break  
25.                 CSV += row + ‘\r\n‘;  
26.             }  
27.   
28.             //1st loop is to extract each row  
29.             for (var i = 0; i < arrData.length; i++) {  
30.                 var row = "";  
31.   
32.                 //2nd loop will extract each column and convert it in string comma-seprated  
33.                 for ( var index in arrData[i]) {  
34.                     row += ‘"‘ + arrData[i][index] + ‘",‘;  
35.                 }  
36.   
37.                 row.slice(0, row.length - 1);  
38.   
39.                 //add a line break after each row  
40.                 CSV += row + ‘\r\n‘;  
41.             }  
42.   
43.             if (CSV == ‘‘) {  
44.                 alert("Invalid data");  
45.                 return;  
46.             }  
47.   
48.             //Generate a file name  
49.             var fileName = "MyReport_";  
50.             //this will remove the blank-spaces from the title and replace it with an underscore  
51.             fileName += ReportTitle.replace(/ /g, "_");  
52.   
53.             //Initialize file format you want csv or xls  
54.             var uri = ‘data:text/csv;charset=utf-8,‘ + escape(CSV);  
55.   
56.             // Now the little tricky part.  
57.             // you can use either>> window.open(uri);  
58.             // but this will not work in some browsers  
59.             // or you will not get the correct file extension      
60.   
61.             //this trick will generate a temp <a /> tag  
62.             var link = document.createElement("a");  
63.             link.href = uri;  
64.   
65.             //set the visibility hidden so it will not effect on your web-layout  
66.             link.style = "visibility:hidden";  
67.             link.download = fileName + ".csv";  
68.   
69.             //this part will append the anchor tag and remove it after automatic click  
70.             document.body.appendChild(link);  
71.             link.click();  
72.             document.body.removeChild(link);  
73.         }  
74.   
75.         $("#btnExport").click(function() {  
76.             var data = JSON.stringify($(‘#tablef‘).datagrid(‘getData‘).rows);  
77.             alert(data);  
78.             if (data == ‘‘)  
79.                 return;  
80.   
81.             JSONToCSVConvertor(data, "Download", true);  
82.         }); 

easyui datagrid 前端导出csv

原文：http://www.cnblogs.com/xiongbatianxia/p/7803299.html