layui中怎么獲取表格數據

這篇文章主要介紹layui中怎么獲取表格數據，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

layui中獲取表格數據的方法：1、創建一個js對象數組，用來保存表格中的原始數據；2、為對象數組賦table.render()的data參數；3、獲取tableContent中的數據即可。

環境：

本文適用于所有品牌的電腦

思路：

1、創建一個作用域合適的JS對象數組用來保存數據表格中的原始數據。

2、將上一步創建的JS對象數組也就是原始數據賦給table.render()的data參數。

3、獲取表格中的所有數據其實直接獲取第一步中創建的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參數即可獲得，該參數的值是一個數據渲染完的回調，無論是直接賦值還是異步請求數據，在渲染完之后都會觸發該回調。注意：使用直接賦值方式給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中怎么獲取表格數據”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！