layui table数据表格reload where参数保留

2024-07-18 前端开发问题跟版网

1、创建表格对象 layui.use('table', function () { var table = layui.table; tableObj = table.render({ id: "tableId", url: 'url', //数据接口 elem: '#tableId', page: { limit: 15, limits: [15, 30, 50, 100] }, //开启分页 cols: [[ //表头 ... ]], w

1、创建表格对象

layui.use('table', function () {
    var table = layui.table;
    tableObj = table.render({
        id: "tableId",
        url: 'url', //数据接口
        elem: '#tableId',
        page: {
            limit: 15,
            limits: [15, 30, 50, 100]
        }, //开启分页
        cols: [[ //表头
            ...
        ]],
        where: $("#formId").serializeJson()
    });
});

2.重新渲染表格

 //当修改查询条件时，重新渲染表格
 layui.use('table', function () {
     var table = layui.table;
     //tableObj为创建表格的对象
     tableObj.config.where = $("#formId").serializeJson();
     table.render(tableObj.config);
 });

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

layui 数据表格重载

上一篇：layui 表格的默认工具栏添加自定义按钮下一篇：layui弹出层layer.open中的content问题

相关文档推荐

layui实现laydate日历控件控制之前日期不可选择

具体实现代码如下： laydate.render({ elem: '#start_time', min:0, //,type: 'date' //默认，可不填}); 只要加一个min参数，就可以控制了。0表示之前的日期不可

ajax请求获取json数据并处理的实例代码

ajax请求获取json数据并处理的实例代码 $.ajax({ type: 'GET', url: 'https://localhost:44369/UserInfo/EditUserJson',//请求数据 data: json,//传递数据 //dataType:'json/text',//预计服务器返回的类型 timeout: 3000,//请求超时的时间 //回调函数传参 suc

layui 实现实时刷新一个外部的div

主页面上显示了一个合计，在删除和增加的时候需要更改这个总套数的值： //html代码div class="layui-inline layui-show-xs-block" style="margin-left: 10px" id="sumDiv"spanSOP合计:/spanspan${totalNum}/spanspan套/span/div 于是在我们删除这个条数据后，

layui 单选框、复选框、下拉菜单不显示问题如何解决？

1. 如果是ajax嵌套了页面，请确保只有最外层的页面引入了layui.css 和 layui.js ,内层页面切记不要再次引入 2. 具体代码如下 layui.use(['form', 'upload'], function(){ var form = layui.form; form.render(); // 加入这一句});

layui树状组件tree怎么默认勾选？

在layui树状组件tree中，勾选问题可以通过以下方法解决：通过tree的oncheck事件来监听勾选操作，然后根据勾选状态进行相应的处理。例如： tree.on('check', function(obj) { // 获取勾选状态 var isChecked = obj.checked; // 获取当前节点数据 var data =

Layui+php制作一个支持随机验证码的登录页

Layui是一个非常流行的前端UI框架，它提供了丰富的组件和样式，可以帮助开发者更快速简单地构建出美观且易用的界面。本文将介绍如何使用Layui开发一个支持随机生成验证码的登录系统，以增加系统的安全性。以下是具体的代码示例。一、准备工作下载Layui的最

栏目导航

前端开发问题 Java开发问题 C/C++开发问题 Python开发问题 C#/.NET开发问题 php开发问题移动开发问题数据库问题