layui使用心得

1. 后台交互渲染table内的数据，接口返回的json串是多层。
   接口返回的数据：
   parseData: function(res){ //res 即为原始返回的数据
   return {
   “code”: res.code, //解析接口状态
   “msg”: res.msg, //解析提示文本
   “count”: res.data.count, //解析数据长度
   “data”: res.data.examList //解析数据列表
   }
   }
   需要渲染在table表格内的数据在examList中，将data后边的路径写到那一层。

2. layui的table分页参数自带的是page和limit，想要改名字和多加传的参数。
   在table.render中加上：
   请求中改：
   request:{
   “pageName”: ‘pageNum’ //页码的参数名称，默认：page
   ,“limitName”: ‘pageSize’ //每页数据量的参数名，默认：limit
   }
   在where中加上想要多传的参数：
   where:{
   name: ‘小明’
   }

3. .layui的table渲染数据的时候，后台传过来的是数字0，1，将其转换为文字。
   在table的cols中：
   {field: ‘state’, width: 90, title: ‘状态’,
   templet:function(item){
   if(item.state ==0){
   return “通过”
   }else if(item.state ==1){
   return “不通过”
   }
   } }

4. table中的分页想要自定义
   将table中的page修改为—— page:false，
   在html中增加

   
   在table.render中增加：
   done: function(res, curr, count) {
   laypage.render({
   elem: ‘test-laypage-demo7’
   , count: res.count //数据的总数
   , layout: [‘count’, ‘prev’, ‘page’, ‘next’, ‘limit’, ‘skip’]
   , jump: function (obj) {
   console.log(obj)
   }
   });
   }
   以上都是看layui官方文档得出来的，要认真仔细的看，都能找到，附上layui的文档吧。https://www.layui.com/doc/modules/table.html