美文网首页
layui数据表格初始化的问题

layui数据表格初始化的问题

作者: 龙旗飘扬的舰队 | 来源:发表于2019-01-08 19:55 被阅读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是一个数组
        
      });
    });
    

    相关文章

      网友评论

          本文标题:layui数据表格初始化的问题

          本文链接:https://www.haomeiwen.com/subject/yhnbrqtx.html