主要参数                                                      

                                                                          

//“方法级渲染”配置方式
table.render({ //其它参数在此省略
  url: '/api/data/'
  //where: {token: 'sasasas', id: 123} //如果无需传递额外参数,可不加该参数
  //method: 'post' //如果无需自定义HTTP类型,可不加该参数
  //request: {} //如果无需自定义请求参数,可不加该参数
  //response: {} //如果无需自定义数据响应名称,可不加该参数
}); 
 
等价于(“自动化渲染”配置方式)
<table class="layui-table" lay-data="{url:'/api/data/'}" lay-filter="test"> …… </table>

 

代码展示:

--------------------------------


 主要代码:

 parseData:function(res) {
           let data = res.data
           return {
                "code" : res.status,  // 注意返回正确的状态码是0
                "msg" : res.msg,
                "count" : res.total,
                "data": data.list   // 格式: [{name:cocoli,age:21},{name:licy,age:60}]
            } 
       },


--------------------------------------------------------------- 



table.render({
      elem: '#cbitable',
      id: 'demoFin',
      height: 312,
      url: '/BonusSettlement/findByIdBonusDistributionDetails/' + $proId, //数据接口
      cellMinWidth: 80,
       parseData:function(res) {
           let data = res.data
           return {
                "code" : res.status,  // 注意返回正确的状态码是0
                "msg" : res.msg,
                "count" : res.total,
                "data": data.list   // 格式: [{name:cocoli,age:21},{name:licy,age:60}]
            } 
       },
      cols: [[ //表头
        // {type: 'checkbox'},
        {
          field: 'id',
          templet: '#tableId',
          align: 'center',
          title: '编号',
          style: 'background-color: #f2f2f2;'
        },
       {
          field: 'bonusRemarks',
          title: '备注',
          edit: 'text'
        }
      ]],
      done:function(a,b,c){
      
      }
    });

 

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐