2 qq 39760693 qq_39760693 于 2017.09.13 10:49 提问


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 condition will generate the Label/Header

if (ShowLabel) {

var row = "";

//This loop will extract the label from 1st index of on array

/*for ( var index in arrData[0]) {

//Now convert each value to string and comma-seprated

row += index + ',';

} */
row = row.slice(0, -1);

//append Label row with line break

CSV += row + '\r\n';


//1st loop is to extract each row

for (var i = 0; i < arrData.length; i++) {

var row = "";

//2nd loop will extract each column and convert it in string comma-seprated

for ( var index in arrData[i]) {

row += '"' + arrData[i][index] + '",';


row=row.slice(0, row.length-1);

//add a line break after each row

CSV += row + '\r\n';


if (CSV == '') {

alert("Invalid data");



//Generate a file name

var fileName = "考勤结果";

//this will remove the blank-spaces from the title and replace it with an underscore

fileName += ReportTitle.replace(/ /g, "_");

//Initialize file format you want csv or xls

var uri = 'data:text/csv;charset=utf-8,\uFEFF' + encodeURI(CSV);

// Now the little tricky part.

// you can use either>> window.open(uri);

// but this will not work in some browsers

// or you will not get the correct file extension

//this trick will generate a temp tag

var link = document.createElement("a");

link.href = uri;

//set the visibility hidden so it will not effect on your web-layout

link.style = "visibility:hidden";

link.download = fileName + ".xls";

//this part will append the anchor tag and remove it after automatic click






u011781616   2017.09.13 21:54

你是直接在浏览器使用JS导出Excel吗? 我对datagrid不熟悉,我也经常做报表的导出,我一般做法是在后台定义一个导出数据工具类,专门写IO导出,前台把JSON结构传给后台,让后台导出。
因为JS对文件的操作基本很弱,除非有第三方的插件,但是你难免保证所有的浏览器都支持。 方法是很多的,看你怎么选择

Csdn user default icon