layui实现table加载

来源：互联网发布：暖手宝推荐知乎编辑：程序博客网时间：2024/06/03 09:11

js实现：

layui.use(['table','form'], function() {$ = layui.jquery;table = layui.table;tableIns = initTable();});//加载列表function initTable(){// 执行渲染tableIns = table.render({id: 'idTest',elem : '#deviceTable', // 指定原始表格元素选择器（推荐id选择器）size: 'lg',height : 'full-20', // 容器高度url : '/csCloud-admin/deviceController/getDeviceList.do',where: {'orgId':$("#orgId").val(),'coldNum':$("#coldNum").val(),'devType':$("#devType").val(),'isUsed':$("#isUsedId").val()},method : 'post',cols : [ [ // 标题栏{field : 'rownum',title : '序号',width : 100,sort : true}, {field : 'devNum',title : '设备编号',width : 200}, {field : 'devAlias',title : '设备别名',width : 100}, {field : 'devTypeVal',title : '设备类型',width : 100}, {field : 'devModel',title : '设备型号',width : 100}, {field : 'stateVal',title : '设备状态',width : 100}, {field : 'coldNum',title : '冷库编号',width : 100}, {field : 'orgName',title : '所属机构',width : 300}, {field : 'isUsedValue',title : '状态',width : 100}, {fixed : 'right',width : 300,align:'center',toolbar : '#barDemo'}] ], // 设置表头page : true,limits : [ 10,30, 60, 90, 150, 300 ],limit : 10});return tableIns;}

jsp实现：

<div class="layui-fluid"><div class="layui-row"><div class="layui-col-lg12"><table id="deviceTable"></table></div></div></div>

阅读全文

0 0