导入导出CSV
近期,有些小伙伴有导入导出CSV的需求,但是不知道怎么将其导出和导入,那么今天教程来了~我们对于CSV有两个接口提供,一个是getCsv,另一个是setCsv,下面是api,我们的导入导出就是围绕这两个api来实现。
https://demo.grapecity.com.cn/spreadjs/help/api/GC.Spread.Sheets.Worksheet.html#getCsv
https://demo.grapecity.com.cn/spreadjs/help/api/GC.Spread.Sheets.Worksheet.html#setCsv
导入CSV,我们就使用set方法,代码入戏,主要思路就是读取文件操作,然后文件转成fileString,最后通过setCsv设置。CSV接口的传参可以到上面api中了解,传参也可以通过input获取。
function csvChange() {
var ssjsonFile = document.getElementById("fileDemoCsv").files;
//获取到文件列表
var files = $('#fileDemoCsv').prop('files');
//新建一个FileReader
var reader = new FileReader();
//读取文件
reader.readAsText(files, "UTF-8");
//读取成功触发onload事件
reader.onload = function (evt) {
var fileString = evt.target.result;
sheet.setCsv(0, 0, fileString, "\r\n", ",");
};
// 读取失败触发onerror
reader.onerror = function (e) {
console.log(e);
};
}
导出CSV,我们只需使用getCsv获取到csv,在调用导出文件的方法即可。
var testJson = spread.getSheet(0).getCsv(0, 0, spread.getSheet(0).getRowCount(), spread.getSheet(0).getColumnCount(), "\r\n", ",");
下载附件即可查看完整的demo,导出文件的方法里面也有写,这边就不赘述了,直接使用即可。
页:
[1]