layui数据表格初始化的问题
2019-01-08 本文已影响242人
龙旗飘扬的舰队
layui数据表格初始化的问题
- 支持【自定义传入数据】
- 支持【直接从接口请求数据】
- 注意,在第二个模式下,对入参和出参,有严格限制,甚至对返回数据格式也有要求
- ==建议使用第一种方案==
layui.use('table', function(){
var table = layui.table;
var colsHeader = [];
table.render({
elem: '#table'
,method:"post"//请求方式
,where:{
//请求的参数,写在这里
}
,url:""//请求的接口地址
,page: {
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
,curr: 1 //设定初始在第 1 页
,groups: 1 //只显示 1 个连续页码
,first: false //不显示首页
,last: false //不显示尾页
}//不设置page即不显示
//,data:[]//自定义传入数据
// 在这里,可以重写返回数据格式,但要求严格,请慎重使用
,response: {
statusName: 'page' //规定数据状态的字段名称,默认:code
,statusCode: 1000 //规定成功的状态码,默认:0
// ,msgName: 'hint' //规定状态信息的字段名称,默认:msg
// ,countName: 'total' //规定数据总数的字段名称,默认:count
// ,dataName: 'rows' //规定数据列表的字段名称,默认:data
}
,done: function(res, curr, count){
//接口回调,处理一些和表格相关的辅助事项
}
,cols: [colsHeader]//表头设置,注意,colsHeader是一个数组
});
});