laytpl遍历实体列表_Layui数据表格之获取表格中所有的数据方法
數據表格中的數據是通過直接賦值的方式。這里實際上思想是反過來的,將拿數據表格中的所有數據,轉換為layui數據表格拿原始數據去渲染數據表格。
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數據表格之獲取表格中所有的數據方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持萬仟網。
希望與廣大網友互動??
點此進行留言吧!
總結
以上是生活随笔為你收集整理的laytpl遍历实体列表_Layui数据表格之获取表格中所有的数据方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 8款旗舰手机对比评测:全新陶瓷材质、90
- 下一篇: 内存巅峰!威刚DDR4,质量稳定性超乎想