數(shù)據(jù)表格中的數(shù)據(jù)是通過直接賦值的方式。這里實際上思想是反過來的，將拿數(shù)據(jù)表格中的所有數(shù)據(jù)，轉換為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ù)渲染完的回調，無論是直接賦值還是異步請求數(shù)據(jù)，在渲染完之后都會觸發(fā)該回調。注意：使用直接賦值方式給laytable原始數(shù)據(jù)時，該方法獲取到的是數(shù)據(jù)表格中當前頁的數(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為當前頁數(shù)據(jù)、count為數(shù)據(jù)總長度

console.log(res);

//得到當前頁碼

console.log(curr);

//得到數(shù)據(jù)總量

console.log(count);

}

});

以上這篇layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持萬仟網(wǎng)。

希望與廣大網(wǎng)友互動？？

點此進行留言吧！

總結

以上是生活随笔為你收集整理的laytpl遍历实体列表_Layui数据表格之获取表格中所有的数据方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。