layui实现table加载的示例代码


            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>





以上这篇layui实现table加载的示例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持中文源码网。