欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • 新浪的圖片新聞效果

    新浪的圖片新聞效果

    新浪的圖片新聞效果...
    2007-01-01
  • Webpack打包字體font-awesome的方法示例

    Webpack打包字體font-awesome的方法示例

    本篇文章主要介紹了Webpack打包字體font-awesome的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-04-04
  • 幾個javascript操作word的參考代碼

    幾個javascript操作word的參考代碼

    幾個javascript操作word的參考代碼,對于具體的調(diào)用代碼,大家可以參考我們的上一篇文章。
    2009-10-10
  • 深入了解JavaScript代碼覆蓋

    深入了解JavaScript代碼覆蓋

    這篇文章主要介紹了深入了解JavaScript代碼覆蓋 ,代碼覆蓋提供有關(guān)是否以及可選地應(yīng)用程序的某些部分被執(zhí)行的頻率的信息。它通常用于判定一個測試套件執(zhí)行特定代碼庫的全面程度。,需要的朋友可以參考下
    2019-06-06
  • JavaScript Math對象和調(diào)試程序的方法分析

    JavaScript Math對象和調(diào)試程序的方法分析

    這篇文章主要介紹了JavaScript Math對象和調(diào)試程序的方法,結(jié)合實例形式分析了javascript中Math對象生成隨機數(shù)以及使用alert()、console.log()函數(shù)進行錯誤調(diào)試相關(guān)操作技巧,需要的朋友可以參考下
    2019-05-05
  • 手機安裝GreasyFork油猴js腳本的教程

    手機安裝GreasyFork油猴js腳本的教程

    Iceraven瀏覽器需要安裝Tampermonkey插件來安裝GF油猴腳本,本文給大家介紹手機安裝GreasyFork油猴js腳本的教程,安裝過程給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2021-12-12
  • IE/FireFox具備兼容性的拖動代碼

    IE/FireFox具備兼容性的拖動代碼

    IE/FireFox具備兼容性的拖動代碼...
    2007-08-08
  • JS數(shù)組索引檢測中的數(shù)據(jù)類型問題詳解

    JS數(shù)組索引檢測中的數(shù)據(jù)類型問題詳解

    這篇文章主要給大家介紹了關(guān)于JS數(shù)組索引檢測中的數(shù)據(jù)類型問題的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-01-01
  • JavaScript 類型轉(zhuǎn)換的詳細實現(xiàn)

    JavaScript 類型轉(zhuǎn)換的詳細實現(xiàn)

    本文主要介紹了JavaScript 類型轉(zhuǎn)換的詳細實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-02-02
  • 微信js-sdk 錄音功能的示例代碼

    微信js-sdk 錄音功能的示例代碼

    這篇文章主要介紹了微信jsdk錄音功能的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-11-11

最新評論