## **优点** 轻量级导出，不用跟服务端交互 速度快 ## **缺点** 只能导出当前页数据 ## **js代码** ``` // 导出选中项 vm.exportSelect = function () { // 查看 是否有选中项目 if (vm.kendoGrid.getSelectCount() <= 0) { abp.message.warn('没有选中项'); return; } var jsonData = vm.kendoGrid.getSelectRow("id,asnCode,asnLine,addCode,poCode,poLineNo,requiredQty,asnQty,sendOutFlag,requiredDate,materialName"); //列标题，逗号隔开，每一个逗号就是隔开一个单元格 let str = `送货单号,图号,物料名称,采购订单号,采购行号,采购需求数,送货数量,发货标识,采购交期\n`; // 增加\t为了不让表格显示科学计数法或者其他格式 for (let i = 0; i < jsonData.length; i++) { str += `${jsonData[i].asnCode + '\t'},` + `${jsonData[i].addCode + '\t'},` + `${jsonData[i].materialName + '\t'},`+ `${jsonData[i].poCode + '\t'},` + `${jsonData[i].poLineNo + '\t'},` + `${jsonData[i].requiredQty + '\t'},` + `${jsonData[i].asnQty + '\t'},` + `${jsonData[i].sendOutFlag + '\t'},` + `${rTime(jsonData[i].requiredDate) + '\t'},` +'\n' } // encodeURIComponent解决中文乱码 // xlsx 是 application/vnd.openxmlformats-officedocument.spreadsheetml.sheet const uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str); // 通过创建a标签实现 const link = document.createElement("a"); link.href = uri; // 对下载的文件命名 link.download = "送货单详情.csv"; link.click(); }; //时间格式转换 function rTime(date) { var json_date = new Date(date); return json_date.getFullYear() + "-" + (json_date.getMonth() + 1) + "-" + json_date.getDay(); } ```