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');
}