layui實(shí)現(xiàn)table加載的示例代碼
js實(shí)現(xiàn):
layui.use(['table','form'], function() {
$ = layui.jquery;
table = layui.table;
tableIns = initTable();
});
//加載列表
function initTable(){
// 執(zhí)行渲染
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 : [ [ // 標(biāo)題欄
{
field : 'rownum',
title : '序號(hào)',
width : 100,
sort : true
}, {
field : 'devNum',
title : '設(shè)備編號(hào)',
width : 200
}, {
field : 'devAlias',
title : '設(shè)備別名',
width : 100
}, {
field : 'devTypeVal',
title : '設(shè)備類型',
width : 100
}, {
field : 'devModel',
title : '設(shè)備型號(hào)',
width : 100
}, {
field : 'stateVal',
title : '設(shè)備狀態(tài)',
width : 100
}, {
field : 'coldNum',
title : '冷庫(kù)編號(hào)',
width : 100
}, {
field : 'orgName',
title : '所屬機(jī)構(gòu)',
width : 300
}, {
field : 'isUsedValue',
title : '狀態(tài)',
width : 100
}, {
fixed : 'right',
width : 300,
align:'center',
toolbar : '#barDemo'
}
] ], // 設(shè)置表頭
page : true,
limits : [ 10,30, 60, 90, 150, 300 ],
limit : 10
});
return tableIns;
}
jsp實(shí)現(xiàn):
<div class="layui-fluid"> <div class="layui-row"> <div class="layui-col-lg12"> <table id="deviceTable"></table> </div> </div> </div>
以上這篇layui實(shí)現(xiàn)table加載的示例代碼就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
異步j(luò)avascript的原理和實(shí)現(xiàn)技巧介紹
因?yàn)楣ぷ鞯男枰?,我要在網(wǎng)頁端編寫一段腳本,把數(shù)據(jù)通過網(wǎng)頁批量提交到系統(tǒng)中去。所以我就想到了Greasemonkey插件,于是就開始動(dòng)手寫,發(fā)現(xiàn)問題解決得很順利2012-11-11
JS監(jiān)控關(guān)閉瀏覽器操作的實(shí)例詳解
這篇文章主要介紹了JS監(jiān)控關(guān)閉瀏覽器操作的實(shí)例詳解的相關(guān)資料,希望通過本大家能幫助到大家,需要的朋友可以參考下2017-09-09
基于JS分頁控件實(shí)現(xiàn)簡(jiǎn)單美觀仿淘寶分頁按鈕效果
這篇文章主要介紹了基于JS分頁控件實(shí)現(xiàn)簡(jiǎn)單美觀仿淘寶分頁按鈕效果的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11
JS實(shí)現(xiàn)Date日期格式的本地化的方法小結(jié)
為了更好的更新多語言日期的顯示,所以希望實(shí)現(xiàn)日期的本地化格式顯示要求,常規(guī)的特殊字符型格式化無法滿足顯示要求,這里整理了幾種我思考實(shí)現(xiàn)的本地化實(shí)現(xiàn)功能2024-06-06
JavaScript實(shí)現(xiàn)防止網(wǎng)頁被嵌入Frame框架的代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)防止網(wǎng)頁被嵌入Frame框架的代碼分享,本文給出了2種防嵌入方法,需要的朋友可以參考下2014-12-12
JS實(shí)現(xiàn)適合于后臺(tái)使用的動(dòng)畫折疊菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)適合于后臺(tái)使用的動(dòng)畫折疊菜單效果,實(shí)例展示了兩種折疊菜單顯示效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)遍歷及改變頁面元素樣式的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-09-09
innerHTML 和 getElementsByName 在IE下面的bug 的解決
innerHTML 真的一個(gè)麻煩的東西。IE 和 firefox 對(duì)dom 處理的方式不是很一樣。IE 對(duì)動(dòng)態(tài)加載的很多dom 不支持動(dòng)態(tài)更新。2010-04-04

