网易codeware——数据表格勾选导出excel-CSDN博客

本文链接：https://blog.csdn.net/Wancc123/article/details/142650009

我们要实现的是，在表格里面，勾选自己想要的数据，然后导出
在这里插入图片描述
我们需要定义一个变量selectList，接收勾选的数据

这个变量的格式是 List<库表名>

然后我们给导出按钮写逻辑，先定义表头，这个变量为variable1，类型是List< String >,名字可以自己取

在这里插入图片描述
再定义一个变量sheetData，这个变量用来接收表头数据和内容，因为我们使用的是Easy Excel插件，需要按照文档给这个导出方法定义入参

这个sheetData的类型是，CustomSheetData，需要下载这个Easy Excel插件后，才能搜到这个类型

接下来将上面定义的表头，赋值给sheetData
在这里插入图片描述
然后我们需要定义一个变量接收表格数据内容，类型为List< List < String >>

为什么是这个类型
因为我们定义的表头变量格式是这样的
[‘A1表头’，‘B1表头’，‘C1表头’]
对应的是excel表格的第一行
那么他们对应的数据应该是这样的格式
[
[‘A2数据’，‘B2数据’，‘C2数据’]，
[‘A3数据’，‘B3数据’，‘C3数据’]，
[‘A4数据’，‘B4数据’，‘C4数据’]
]
文档里面没有提及，但是我总结出来他是这样对应的关系

所以我们需要把刚刚绑定勾选数据的变量selectList里面的数据解剖出来
selectList里面的数据格式是这样的，举例：
[
{a:1,b:1,c:1},
{a:2,b:2,c:2}
]
每一个成员代表的是所勾选的那一行数据字段内容，可以自己打印出来看

然后我用的是js块组件，来处理数据内容
在这里插入图片描述

let arr = []; let arr2 = [];
for (let i = 0; i < this.selectList.length; i++) {
// arr 里面是按照A1,B1,C1表头来对应的，需要哪些字段就一个个填写，这个写法比较臃肿，你们可以写得更好
    arr = [
    this.selectList[i].area, 
    this.selectList[i].redBook, 
    this.selectList[i].chiefSource
    ]
    arr2.push(arr);
}
this.rowData = arr2; // 给rowData绑定上数据

接着就是将这个 rowData 变量赋值给 sheetData
在这里插入图片描述
然后我们还得给这个依赖的导出方法定义另一个变量入参inputData，类型是CustomExcelData,
也是这个依赖自带的类型

接着给这个变量赋值

inputData.fileName赋值的文本，一定要带后缀，.xlsx，不然不生效，这是为了指定类型