快捷導(dǎo)航

Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法

更新時間：2018年08月20日 08:38:56 作者：xcmercy

今天小編就為大家分享一篇Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

數(shù)據(jù)表格中的數(shù)據(jù)是通過直接賦值的方式。這里實際上思想是反過來的，將拿數(shù)據(jù)表格中的所有數(shù)據(jù)，轉(zhuǎn)換為Layui數(shù)據(jù)表格拿原始數(shù)據(jù)去渲染數(shù)據(jù)表格。

1、創(chuàng)建一個作用域合適的JS對象數(shù)組用來保存數(shù)據(jù)表格中的原始數(shù)據(jù)。

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

3、獲取表格中的所有數(shù)據(jù)其實直接獲取第一步中創(chuàng)建的JS對象數(shù)組即可，參照下面的代碼，獲取表格中的所有數(shù)據(jù)就是獲取tableContent中的數(shù)據(jù)。

// 存放數(shù)據(jù)表格中的數(shù)據(jù)的對象數(shù)組tableContent
var tableContent = new Array();

table.render({
 elem : '#viewTable',
 height : 325,
 even: true,
 text: {
 none: '您沒有選中任何字段！'
 },
 // 拿對象數(shù)組tableContent中的數(shù)據(jù)作為原始數(shù)據(jù)渲染數(shù)據(jù)表格
 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...
 }
});

數(shù)據(jù)表格中的數(shù)據(jù)是通過異步請求的方式

直接通過table.render()的done參數(shù)即可獲得，該參數(shù)的值是一個數(shù)據(jù)渲染完的回調(diào)，無論是直接賦值還是異步請求數(shù)據(jù)，在渲染完之后都會觸發(fā)該回調(diào)。注意：使用直接賦值方式給Laytable原始數(shù)據(jù)時，該方法獲取到的是數(shù)據(jù)表格中當(dāng)前頁的數(shù)據(jù)，并不是表格中的所有數(shù)據(jù)，想獲取表格中所有數(shù)據(jù)必須按照上面“數(shù)據(jù)表格中的數(shù)據(jù)是通過直接賦值的方式”的方法

table.render({ //其它參數(shù)在此省略
 done: function(res, curr, count){
 //如果是異步請求數(shù)據(jù)方式，res即為你接口返回的信息。
 //如果是直接賦值的方式，res即為：{data: [], count: 99} data為當(dāng)前頁數(shù)據(jù)、count為數(shù)據(jù)總長度
 console.log(res);
 //得到當(dāng)前頁碼
 console.log(curr);
 //得到數(shù)據(jù)總量
 console.log(count);
 }
});

以上這篇Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: