數(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... } });
文章標題:Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法-創(chuàng)新互聯(lián)
文章URL:http://aaarwkj.com/article34/gedse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站收錄、定制開發(fā)、云服務(wù)器、網(wǎng)站導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容