layui數(shù)據(jù)表格初始化的問題
- 支持【自定義傳入數(shù)據(jù)】
- 支持【直接從接口請求數(shù)據(jù)】
- 注意，在第二個模式下，對入?yún)⒑统鰠ⅲ袊栏裣拗拼沤罚踔翆Ψ祷財?shù)據(jù)格式也有要求
- ==建議使用第一種方案==
layui.use('table', function(){
var table = layui.table;
var colsHeader = [];
table.render({
elem: '#table'
,method:"post"http://請求方式
,where:{
//請求的參數(shù)，寫在這里
}
,url:""http://請求的接口地址
,page: {
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定義分頁布局
,curr: 1 //設(shè)定初始在第 1 頁
,groups: 1 //只顯示 1 個連續(xù)頁碼
,first: false //不顯示首頁
,last: false //不顯示尾頁
}//不設(shè)置page即不顯示
//,data:[]//自定義傳入數(shù)據(jù)
// 在這里玫芦，可以重寫返回數(shù)據(jù)格式浆熔，但要求嚴格，請慎重使用
,response: {
statusName: 'page' //規(guī)定數(shù)據(jù)狀態(tài)的字段名稱，默認：code
,statusCode: 1000 //規(guī)定成功的狀態(tài)碼医增，默認：0
// ,msgName: 'hint' //規(guī)定狀態(tài)信息的字段名稱慎皱，默認：msg
// ,countName: 'total' //規(guī)定數(shù)據(jù)總數(shù)的字段名稱，默認：count
// ,dataName: 'rows' //規(guī)定數(shù)據(jù)列表的字段名稱叶骨，默認：data
}
,done: function(res, curr, count){
//接口回調(diào)茫多，處理一些和表格相關(guān)的輔助事項
}
,cols: [colsHeader]//表頭設(shè)置，注意忽刽，colsHeader是一個數(shù)組
});
});
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
