layui实现table加载的示例代码
网络编程 2021-07-04 16:46www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇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加载的示例代码就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- socket网络编程 socket网络编程Socket基础
- 少儿编程培训班 少儿编程培训班教学方法
- linux系统编程:Linux系统编程多线程基础
- unix环境高级编程 首发于 UNIX环境高级编程学习之
- 学编程学哪一种比较好 初学者哪种编程语言比较
- 学PLC编程学费多少
- 计算机编程入门 学计算机编程入门的初学指南
- 世界编程语言排行榜
- vba编程培训:Excel VBA编程培训初学者教程
- 少儿编程课程:少儿编程学什么及各年龄段如何
- 游戏编程入门:少儿游戏编程入门的技巧
- 学编程哪个培训机构好 编程培训机构哪个好
- 编程机器人加盟 机器人编程加盟哪家好
- 在线少儿编程机构排名
- 电脑编程入门自学
- 服务器系统下载:服务器系统的安装