layui实现table加载的示例代码


Posted in Javascript onAugust 14, 2018

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加载的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
Jul 17 Javascript
jQuery1.6 使用方法二
Nov 23 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
Oct 17 Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 Javascript
JS动态创建DOM元素的方法
Jun 09 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 Javascript
JS添加或修改控件的样式(Class)实现方法
Oct 15 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
jquery replace方法去空格
May 08 jQuery
vue修改vue项目运行端口号的方法
Aug 04 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 #Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 #Javascript
layer插件select选中默认值的方法
Aug 14 #Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 #Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 #Javascript
JS通过位运算实现权限加解密
Aug 14 #Javascript
js中getter和setter用法实例分析
Aug 14 #Javascript
You might like
献给php初学者(入门学习经验谈)
2010/10/12 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
javascript中字符串的定义示例代码
2013/12/19 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
javascript返回顶部的按钮实现方法
2016/01/09 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
2016/11/18 Javascript
JavaScript函数节流和函数防抖之间的区别
2017/02/15 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
老生常谈js-react组件生命周期
2017/05/02 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
关于vue 结合原生js 解决echarts resize问题
2020/07/26 Javascript
在Python中使用第三方模块的教程
2015/04/27 Python
解决Python传递中文参数的问题
2015/08/04 Python
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
python实现音乐下载的统计
2018/06/20 Python
Django unittest 设置跳过某些case的方法
2018/12/26 Python
python批量爬取下载抖音视频
2019/06/17 Python
python实现接口并发测试脚本
2019/06/25 Python
基于pytorch 预训练的词向量用法详解
2020/01/06 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
详解python中GPU版本的opencv常用方法介绍
2020/07/24 Python
python按照list中字典的某key去重的示例代码
2020/10/13 Python
django使用channels实现通信的示例
2020/10/19 Python
施华洛世奇加拿大官网:SWAROVSKI加拿大
2018/06/03 全球购物
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
2014三八妇女节活动总结
2014/03/01 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
SpringBoot整合Minio文件存储
2022/04/03 Java/Android