layui實現(xiàn)table加載的示例代碼
更新時間:2018年08月14日 14:57:17 作者:weixin_39703044
今天小編就為大家分享一篇layui實現(xiàn)table加載的示例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
js實現(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 : [ [ // 標題欄 { field : 'rownum', title : '序號', width : 100, sort : true }, { field : 'devNum', title : '設(shè)備編號', width : 200 }, { field : 'devAlias', title : '設(shè)備別名', width : 100 }, { field : 'devTypeVal', title : '設(shè)備類型', width : 100 }, { field : 'devModel', title : '設(shè)備型號', width : 100 }, { field : 'stateVal', title : '設(shè)備狀態(tài)', width : 100 }, { field : 'coldNum', title : '冷庫編號', width : 100 }, { field : 'orgName', title : '所屬機構(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實現(xiàn):
<div class="layui-fluid"> <div class="layui-row"> <div class="layui-col-lg12"> <table id="deviceTable"></table> </div> </div> </div>
以上這篇layui實現(xiàn)table加載的示例代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript Math對象和調(diào)試程序的方法分析
這篇文章主要介紹了JavaScript Math對象和調(diào)試程序的方法,結(jié)合實例形式分析了javascript中Math對象生成隨機數(shù)以及使用alert()、console.log()函數(shù)進行錯誤調(diào)試相關(guān)操作技巧,需要的朋友可以參考下2019-05-05JS數(shù)組索引檢測中的數(shù)據(jù)類型問題詳解
這篇文章主要給大家介紹了關(guān)于JS數(shù)組索引檢測中的數(shù)據(jù)類型問題的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-01-01JavaScript 類型轉(zhuǎn)換的詳細實現(xiàn)
本文主要介紹了JavaScript 類型轉(zhuǎn)換的詳細實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-02-02