數(shù)據(jù)表格中的數(shù)據(jù)是通過直接賦值的方式。這里實際上思想是反過來的,將拿數(shù)據(jù)表格中的所有數(shù)據(jù),轉(zhuǎn)換為Layui數(shù)據(jù)表格拿原始數(shù)據(jù)去渲染數(shù)據(jù)表格。
創(chuàng)新互聯(lián)公司基于成都重慶香港及美國等地區(qū)分布式IDC機房數(shù)據(jù)中心構(gòu)建的電信大帶寬,聯(lián)通大帶寬,移動大帶寬,多線BGP大帶寬租用,是為眾多客戶提供專業(yè)川西大數(shù)據(jù)中心報價,主機托管價格性價比高,為金融證券行業(yè)服務(wù)器托管,ai人工智能服務(wù)器托管提供bgp線路100M獨享,G口帶寬及機柜租用的專業(yè)成都idc公司。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... } });