日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

laytpl遍历实体列表_Layui数据表格之获取表格中所有的数据方法

發布時間:2024/2/28 编程问答 51 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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数据表格之获取表格中所有的数据方法的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。