layui的数据表格where条件重载缓存问题解决

于 2022-06-06 11:15:57 发布
阅读量1.1k 收藏
点赞数
文章标签： layui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xtho62/article/details/125143199
版权

这个问题网上挺多回答的，但是都是清一色的所谓done函数中，删除where,给where赋null等等，实际上，这些都会导致出现冲突，为什么这样说？如果采取了以上的方法，我们的分页查询时，比如点击第2页就会出现条件查询失效的问题。那如何解决呢，其实layui官方在后期已经解决这个问题了，只要将layui的版本更新至2.6以上即可，造成这个问题的主要原因是一个使用深度重载的问题。如果担心冲突可以使用多版本并行的解决方式，比如在有使用数组查询的这部分使用新版本layui

gitee上有相关的问答：

https://gitee.com/sentsin/layui/issues/IRS79

在这里插入图片描述

calmtho
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui的Table方法reload的参数where参数会保留上次检索条件
天涯芳草
03-25 5867
在使用Layui的Table表格做增删改时，常常需要刷新主页面,此时会携带上次提交的相关检索添加,可以配置reload方法的参数where检索携带的添加为null即可， table.reload('menuTable', { where: null, //设定异步数据接口的额外参数 page: { curr: 1 //重新从第 1 页开始 } } ); menuTable为当前表格的ID where，是需要携带的检索条件, page 参数是重新检索时需要携带
layui table 动态设置 elem（绑定table）和 where 条件参数
树叶single
04-29 3591
不要写成 elem: function(){ return ***; } 这样返回的不是***，而是其它
layuiAdmin iframe版 网页查询搜索功能where
php菜鸟技术天地
01-14 929
1.查询区：关键词 <fieldset class="layui-elem-field layui-form"> <legend>查询参数</legend> <div class="layui-field-box"> <div class="layui-form-item"> &...
解决layui的table数据重载reload where参数会保留上次条件的问题
热门推荐
TrueDei
05-18 1万+
解决layui的table数据重载reload where参数会保留上次条件的问题
layui单页面同时渲染多表格缓存问题和条件查询问题
weixin_47316183的博客
10-19 4442
layui的table参数条件缓存问题 （1）layui的table在render的时候,会将部分参数缓存下来,以至于在开发过程中发现，layui的reload方法似乎有“缓存”的功能. 原因:在某博客发现,table内部是采用的继承的方法. （2）layui的数据表格如果多个表格在一个页面，每个表格有一个搜索查询的筛选条件，那么每个搜索结果对应的只能刷新一个数据表格 在这里插入图片描述 如图所示，这部分采用了layui表格渲染多个，但是用的是一个表格容器，这样写的好处： 1、不用创建多个table容器
layui数据表格实现重载数据表格功能(搜索功能）
10-16
总结来说，layui数据表格的重载功能结合搜索，主要是通过监听用户的搜索操作，获取搜索条件，然后调用`table.reload`方法，将新条件传入服务器，服务器根据这些条件筛选数据并返回，layui框架再根据返回数据更新表格...
Layui 数据表格批量删除和多条件搜索的实例
10-16
在本实例中，我们将探讨如何使用Layui实现数据表格的批量删除和多条件搜索功能。 首先，批量删除功能的实现通常涉及到前端与后端的交互。在Layui中，我们可以使用`layui-btn`类来创建一个删除按钮，并通过`data-...
layui实现数据表格点击搜索功能
10-16
4. 服务器返回数据后，layui自动更新表格内容。 了解了这些，你可以根据自己的需求调整代码，实现更复杂或定制化的搜索功能。layui的API文档提供了更多高级选项和用法，可以进一步探索以满足不同场景的需求。
浅谈layui框架自带分页和表格重载的接口解析问题
10-16
在本篇文章中，我们将深入探讨layui框架中自带的分页和表格重载的接口解析问题。 首先，我们来看layui的分页功能。layui的分页组件提供了一个方便的方式来展示和操作数据的分页。在使用时，需要确保返回的JSON数据...
使用layui 渲染table数据表格的实例代码
10-18
在本文中，我们将深入探讨如何使用layui框架来渲染数据表格，这在Web开发中是一种常见的需求，特别是在展示大量结构化数据时。layui是一款流行的前端组件库，提供了丰富的UI组件，包括表格、表单、按钮等。下面我们...
Layui 表格渲染问题
qq_37962402的博客
06-02 706
描述：第一次使用Layui，当渲染表格数据时，发现了许多的问题，在这里积累一下。 1. 传参问题： 在where中
Layui table重载的时候要注意的问题
Manlok的技术博客
04-26 4318
layui table重载的时候，如果where传参包含数组，是只覆盖新数据的长度的。 比如 table.reload('test',{ ,where:{ msg:data } ,page:{ curr:1 } ) 假设，第一次重载时，data=[1,2,3,4]; 那么实际传到后台的数据就是msg=[1,2,3,4]; 但如果，第二次重载时，data=[a,a,a];...
layui table数据表格reload where参数保留问题
weixin_30247307的博客
04-28 9550
layui table数据表格reload where参数保留问题 在使用layui过程中多多少少会遇到些问题 table reload 有个坑：reload时where参数会保留上次的参数，如果用 done: function(res, curr, count){ this.where={};} 来处理，默认的表格分页会把第一次请求的参数去掉。两者遇到些冲突。 用下面的方式来解决： v...
layui table数据表格reload where参数保留（有缓存）问题
weixin_44195615的博客
07-27 587
解决 直接在table回调后清除条件缓存 //清除条件缓存 this.where={};
Layui 数据表格table 重载reload 保留上次where条件的问题
夏已微凉、
05-17 2138
一、文档地址二、内容1、修改前部分代码2、解决方法（90%是这种情况）3、其他可能解决的办法 一、文档地址 导航：Layui官网 -> 文档 -> 数据表格 -> 表格重载，请移步文档地址 >>> 二、内容 1、修改前部分代码 代码 <script> let tableId = 'tableDemo'; let tableIns = table.render({ //其它参数省略 ,elem: '#' + tableI.
使用LayUI操作数据表格
weixin_30878361的博客
10-02 475
接着上一篇继续完善我们的demo,这次我们加一个搜索按钮 搜索 在table标签的上方，加入这样一组html <div class="demoTable"> 搜索商户： <div class="layui-inline"> <input class="layui-input" name="keyword"...
layui table数据表格reload(重载) where参数保留（有缓存）问题
weixin_44122593的博客
10-29 487
先把表单中的数据拿到，存入一个数组中 使用重装的方式 清空之前的记录 注：如果第一次，在页面中测试没用，重启一下IDEA.就可以
layui表格实例重载参数缓存问题
丁晓东go
01-20 2594
layui的数据表格，当有数组作为异步加载的参数的时候，使用reload重载列表时会出现，数组没有更新成最新的参数的情况，原因是组件的参数会自动缓存。 解决方式就是每次reload之前清空缓存。 注意不要在table的done属性中清空缓存，这样的话虽然是能解决参数缓存的问题，但是如果当前table使用了分页效果的话，分页效果就失效了。因为done是在每次发送完请求之后做的事情，如果每次请求之后清...
解决layui框架低版本table.render深度重载，导致查询的数组不完全更新问题
u010683991的博客
11-23 1075
table.render重载中where中有数组时，更改条件数组不完全更新
layui数据表格重载
最新发布
07-27
重载layui数据表格可以使用reload方法。具体步骤如下： 1. 首先，获取到数据表格的实例对象。可以通过layui.table的render方法或者on方法中的参数获取到实例对象。 2. 然后，使用实例对象的reload方法进行重载。reload方法接受一个参数，用于重新加载表格数据。可以传入一个新的url，或者传入一个新的where对象来更新表格数据。 下面是一个示例代码： ```javascript // 获取数据表格实例对象 var table = layui.table; // 重载数据表格 table.reload('tableId', { url: 'newDataUrl', // 新的数据接口 where: { // 新的请求参数 key1: value1, key2: value2 } }); ``` 其中，'tableId'是数据表格的id，'newDataUrl'是新的数据接口，where对象是新的请求参数。 这样就可以通过reload方法重新加载数据表格了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值