layui数据表格初始化的问题

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是一个数组
    
  });
});

猜你喜欢

转载自blog.csdn.net/qq_38310712/article/details/86090057
今日推荐