layui本身带有导出excel功能,直接用table的toolbar功能就会在table的工具栏有导出excel的图表(官方文档上有,这里就不再赘述)。
不过由于layui自身的导出excel是导出全部数据,不能根据复选框check的选择进行数据的导出.所以就引出了这篇文章,话不多说,上干货。
首先需要引入插件(下载地址:https://fly.layui.com/extend/excel/#download)
在table页面的js中引用excel.js
exportExcel: function() {
//获取复选框选中的数据
var selectData = layui.table.checkStatus('agentList').data;
console.log(selectData);
//添加excel的表头
selectData.unshift({
name: '产品名称',
address: '供应商',
date: '主类别',
category: '子类别',
sort: '功能',
sort1: '参数',
sort2: '状态'
});
//selectData可以是和上面json一样的任何数据,可以通过ajax获取的
//调用导出excel
excel.exportExcel({
sheet1: selectData
}, '商品列表.xlsx', 'xlsx');
}