layui数据表格重载

最新推荐文章于 2024-05-17 15:59:45 发布

UlricaQ

最新推荐文章于 2024-05-17 15:59:45 发布

阅读量1k

点赞数

分类专栏： ⭐【Layui】文章标签： layui layui数据表格重载

不会弹钢琴的架子鼓手不是一个会弹尤克里里的好程序媛

本文链接：https://blog.csdn.net/Carrie_Q/article/details/88782882

版权

本文介绍了如何在layui框架下实现数据表格的重载功能。通过官方文档创建表格样式，并展示在未重载时获取所有数据的示例。接着讨论了重载方法的参数差异，以及GET和POST请求的区别，GET用于请求数据，而POST用于提交数据处理。在实际应用中，layui的表格重载功能对于动态更新和查询非常实用。

摘要由CSDN通过智能技术生成

样式：

在这里插入图片描述

首先，根据layui官方文档，制作出表格（包括样式，此处代码省略）
返回后端的数据（这是在没有重载的情况下查询了表中所有的数据）

<table class="layui-hide" id="demo" lay-filter="test"></table>

layui.use(['laypage', 'table', 'element'], function () {
                    var table = layui.table //表格
                        , laypage = layui.laypage //分页
                        , laydate = layui.laydate //日期
                        , element = layui.element//元素操作

                    //优惠政策表格
                    table.render({
                        elem: '#demo'  //引用对象
                        , height: 521
                        , url:*********//数据接口**代表访问的后端链接
                        , method: 'get',
                        //返回的数据
                        parseData: function (res) {
                            if (res.length == 0) {
                                return {
                                    "code": 0, //解析接口状态
                                    "msg": "", //解析提示文本
                                    "data": res
                                }
                            }
                            else {
                                return {
                                    "code": 0, //解析接口状态
                                    "msg": "", //解析提示文本
                                    "count": res[0].total, //解析数据长度