在layui表格中有一个很好用的函数，就是done回调函数

在done里面可以接收表格里面所有的数据，可以很方便我们获取值，并且也可以通过done来设置单元格的样式，或者表格的样式也可以用done来实现，那么来看一下done究竟是怎么使用的。 done的格式（写法）： done: function (data, curr, count) {（内容）} 这样大家还是很模糊，那么来一个完整的layui表格如何添加单元格的图标，就以我上面的表格为例。 首先要初始化layui表格，然后使用done回调函数：

table.render({

elem: '#currentTableIdStorage',

id: 'currentTableIdStorage',

data: data,

filter: {

clearFilter: false

},

toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板

cols: [[

{ field: 'ID', title: '序号', filter: true, hide: true },

{ field: 'PurchaseID', title: '序号', filter: true, hide: true },

{ field: 'Status', title: '状态', filter: true, hide: true },

{ field: 'FirstStoragePurchaseNumber', title: '入库采购量', filter: true, width: 140, edit: 'text', style: 'border: 1px solid rgb(95,184,120)', event: 'FirstStoragePurchaseNumber' },

{ field: 'FirstStorageGiveNumber', title: '入库赠送量', filter: true, width: 140, edit: 'text', style: 'border: 1px solid rgb(95,184,120)', event: 'FirstStorageGiveNumber' }

]]

, done: function (data, curr, count) { //回调函数

//添加图片到表格中所有的第二个单元格里面

$('.layui-table thead tr th[data-field="FirstStoragePurchaseNumber"] .layui-table-cell').append('');

$('.layui-table thead tr th[data-field="FirstStorageGiveNumber"] .layui-table-cell').append('');

}

});

通过点击图标，实现自动填充或者计算

$(document).on('click', "#FirstStoragePurchaseNumber-i", function (obj) {

var dataTable = table.cache["currentTableIdStorage"];

for (var i = 0; i < dataTable.length; i++) {

dataTable[i].FirstStoragePurchaseNumber = dataTable[i].PurchaseNumber - dataTable[i].InStoragePurchaseNumber;

}

//layui表格重载

table.reload("currentTableIdStorage", {

data: dataTable

});

});

精彩文章

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：