Layui數據表格之獲取表格中所有的數據方法
更新時間：2018年08月20日 08:38:56 作者：xcmercy
今天小編就為大家分享一篇Layui數據表格之獲取表格中所有的數據方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
數據表格中的數據是通過直接賦值的方式。這里實際上思想是反過來的，將拿數據表格中的所有數據，轉換為Layui數據表格拿原始數據去渲染數據表格。
1、創(chuàng)建一個作用域合適的JS對象數組用來保存數據表格中的原始數據。
2、將上一步創(chuàng)建的JS對象數組也就是原始數據賦給table.render()的data參數。
3、獲取表格中的所有數據其實直接獲取第一步中創(chuàng)建的JS對象數組即可，參照下面的代碼，獲取表格中的所有數據就是獲取tableContent中的數據。
// 存放數據表格中的數據的對象數組tableContent
var tableContent = new Array();
table.render({
elem : '#viewTable',
height : 325,
even: true,
text: {
none: '您沒有選中任何字段！'
},
// 拿對象數組tableContent中的數據作為原始數據渲染數據表格
data : tableContent,
page : {
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
},
limit : 5,
limits : [5, 10, 15, 20, 25],
cellMinWidth: 80,
cols:[[
{type:'checkbox',fiexd : 'left'},
{title : '序號',type:'numbers'},
{field : 'column',title : '列',align:'center'},
{field : 'alias',title : '別名',align:'center',edit : 'text'},
{title : '操作',fiexd : 'right',align:'center', toolbar: '#viewBar'}
]],
done : function(res, curr, count){
// do something...
}
});
數據表格中的數據是通過異步請求的方式
直接通過table.render()的done參數即可獲得，該參數的值是一個數據渲染完的回調，無論是直接賦值還是異步請求數據，在渲染完之后都會觸發(fā)該回調。注意：使用直接賦值方式給Laytable原始數據時，該方法獲取到的是數據表格中當前頁的數據，并不是表格中的所有數據，想獲取表格中所有數據必須按照上面“數據表格中的數據是通過直接賦值的方式”的方法
table.render({ //其它參數在此省略
done: function(res, curr, count){
//如果是異步請求數據方式，res即為你接口返回的信息。
//如果是直接賦值的方式，res即為：{data: [], count: 99} data為當前頁數據、count為數據總長度
console.log(res);
//得到當前頁碼
console.log(curr);
//得到數據總量
console.log(count);
}
});
以上這篇Layui數據表格之獲取表格中所有的數據方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了js實現(xiàn)從右向左緩緩浮出網頁浮動層廣告的方法,可實現(xiàn)右側浮動廣告的定時彈出及點擊展開、折疊等功能,非常具有實用價值,需要的朋友可以參考下2015-05-05
獲取時間間隔在日常使用還是比價頻繁的，下面是具體的實現(xiàn)代碼，需要的朋友可以參考下2014-05-05
這篇文章主要介紹了javascript前端和后臺進行數據交互方法示例，文章通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要介紹了json 字符串之間的相互轉換 ,通過eval()函數可以將JSON字符串轉化為對象，本需要的朋友可以參考下2014-08-08
本文主要介紹了JS實現(xiàn)隨機生成字符串(可指定長度)的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-08-08
這篇文章主要介紹了一篇文章帶你淺入webpack的DLL優(yōu)化打包,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
這篇文章主要介紹了JS優(yōu)化與惰性載入函數,結合具體實例形式分析了JS惰性載入的原理、實現(xiàn)技巧與相關注意事項,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了typescript中聲明合并介紹，類型合并表明編譯器將合并兩個分開的并且名稱相同的聲明，合并之后的聲明擁有兩個聲明的特點，任意數量的聲明可以被合并，不僅限兩個，更多相關內容需要的朋友可以參考下面文章內容2022-09-09
這篇文章主要為大家詳細介紹了OpenLayers3實現(xiàn)測量功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript創(chuàng)建防篡改對象的方法分析
這篇文章主要介紹了JavaScript創(chuàng)建防篡改對象的方法,結合具體實例形式分析了javascript基于不可擴展對象、密封的對象和凍結的對象實現(xiàn)防篡改對象的相關操作技巧,需要的朋友可以參考下2018-12-12