layui使用心得

本文分享了使用layui框架进行后台数据交互并渲染table的经验。重点讲述了如何处理多层JSON数据,自定义table的分页参数,以及如何根据状态码显示文字。同时,介绍了在layui中添加额外请求参数和转换数字状态为文字的方法,并提供了layui官方文档链接以供深入学习。
摘要由CSDN通过智能技术生成
  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(it

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值