您好,登錄后才能下訂單哦!
數據表格中的數據是通過直接賦值的方式。這里實際上思想是反過來的,將拿數據表格中的所有數據,轉換為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數據表格之獲取表格中所有的數據方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。