|
首先感谢 @我是小菜鸡 @liangyongfei
看了@我是小菜鸡 的 WeX5导出Excel 的教程,对于我这种菜鸟来说有些搞不明白
原帖子链接 http://bbs.wex5.com/forum.php?mod=viewthread&tid=114140&highlight=wex5%E5%AF%BC%E5%87%BA
详细操作方法:
1、添加button主键
2、在onClink中添加事件(我添加的事件名exportExcleButtonClick)
js代码如下:
Model.prototype.exportExcleButtonClick = function(event){
//bassData名:VMainRegiData
var data2 = this.comp("VMainRegiData").toJson();
//表头
var data = {"title":[{"value":"集团", "type":"ROW_HEADER_HEADER", "datatype":"string"},
{"value":"日期", "type":"ROW_HEADER_HEADER", "datatype":"string"}]};
if(data === '')
return;
JSONToExcelConvertor(data2 , "Report", data.title);
};
function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {
//先转化json
var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
var excel = '<table>';
//设置表头
var row = "<tr>";
for (var i = 0, l = ShowLabel.length; i < l; i++) {
row += "<td>" + ShowLabel.value + '</td>';
}
//换行
excel += row + "</tr>";
//设置数据
//我这边表中有3个字段需要导出:AUTHOR、AUTHOR_TEL、ENGINEERS,根据自己需要修改
for ( i = 0; i < arrData.rows.length; i++) {
row = "<tr>";
var value = arrData.rows.AUTHOR.value
row += '<td>' + value + '</td>';
value = arrData.rows.AUTHOR_TEL.value
row += '<td>' + value + '</td>';
value = arrData.rows.ENGINEERS.value
row += '<td>' + value + '</td>';
excel += row + "</tr>";
}
excel += "</table>";
var excelFile = "<html xmlns='urn:schemas-microsoft-comfficeffice' xmlns:x='urn:schemas-microsoft-comffice:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">';
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel';
excelFile += '; charset=UTF-8">';
excelFile += "<head>";
excelFile += "<!--[if gte mso 9]>";
excelFile += "<xml>";
excelFile += "<x:ExcelWorkbook>";
excelFile += "<x:ExcelWorksheets>";
excelFile += "<x:ExcelWorksheet>";
excelFile += "<x:Name>";
excelFile += "{worksheet}";
excelFile += "</x:Name>";
excelFile += "<x:WorksheetOptions>";
excelFile += "<xisplayGridlines/>";
excelFile += "</x:WorksheetOptions>";
excelFile += "</x:ExcelWorksheet>";
excelFile += "</x:ExcelWorksheets>";
excelFile += "</x:ExcelWorkbook>";
excelFile += "</xml>";
excelFile += "<![endif]-->";
excelFile += "</head>";
excelFile += "<body>";
excelFile += excel;
excelFile += "</body>";
excelFile += "</html>";
var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);
var link = document.createElement("a");
link.href = uri;
link.style = "visibility:hidden";
link.download = FileName + ".xls";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
|
|