layui 数据表格(table) 首次不加载的功能以及reload的“缓存功能”

网络上的方法:


1.删除参数url:

可能是我的需求中列太多,导致即便不去后台获取数据,也会需要loading很久,不知道是为什么。

文档还说loading(table)只会在url开启的时候,才会有用。

我将 loading 设置为false后,列的宽度就乱了。不是我设置的大小,不美观。

并且数据渲染完成的done方法..  也失效。

2.将渲染表格的table.render({ 用方法包裹起来:

不适用我的需求。

我的方法:

删除url 以及 增加参数 data:[] ,其他的不用变,自然就实现首次不加载的功能,并且reload等方法都正常实现。

只要在reload中(我的搜索功能)增加url就可以了。

 

这个有个隐忧就是,要是哪天layui开发团队,更新了这个问题,我又好死不死的更新了layui的版本,那就扑街了。

 

在开发过程中发现,layui的reload方法似乎有“缓存”的功能

具体情况就是,我在我的搜索方法中reload了表格,并且在参数中增加了url和where(查询条件) 

而在其他的操作方法中,我也reload了表格

但是没有添加url和where,但是它依然调用了我在搜索功能写的url和搜索条件。

就好像缓存了我在搜索功能里写的url和where

 

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 根据您提供的信息,我可以猜测您在使用Layui框架中的数据表格组件。如果您在使用table.reload方法之前没有选择数据,那么重新加载数据表格时会出现没有数据的情况。 要解决这个问题,您可以在调用table.reload方法之前选择数据。您可以使用table.reload方法的第二个参数来传递额外的参数,其中包括数据筛选条件。例如,您可以在选择数据时使用layFilter选项来指定要筛选的元素,并使用where选项来指定筛选条件。然后,将这些选项作为table.reload方法的第二个参数传递即可。 以下是一个示例代码片段,可以帮助您了解如何在Layui数据表格中选择和重新加载数据: ``` // 选择数据 table.reload('tableId', { where: { // 筛选条件 field: value }, page: { curr: 1 // 重新加载第一页数据 } }); // 重新加载数据 table.reload('tableId'); ``` 希望这可以帮助您解决问题! ### 回答2: Layui数据表格是一款简单易用的前端表格插件,而table.reload是该插件提供的一个方法,用于重新加载表格数据。 根据您的问题描述,使用table.reload方法之前选中的数据没有了。造成这种情况的可能原因有以下几点: 1. 数据重新加载:当调用table.reload方法时,会重新加载表格数据默认会清空之前的选中状态。因此,如果在重新加载之前有选中的数据,则在重新加载后会失去选中状态。 2. 选中状态未保存:Layui数据表格默认不会保存表格选中状态,如果需要保存选中状态,可以通过自定义实现存储和恢复选中状态的逻辑。 针对这个问题,可以尝试以下两种解决方法: 1. 使用自定义存储选中状态的方法:在table.reload方法调用之前,将当前表格选中的行数据保存到一个数组或者其他存储方式中。在重新加载数据后,根据之前保存的选中数据,重新设置表格的选中状态。 2. 使用表格的on方法:Layui数据表格提供了on方法,可以监听表格的各种事件。可以使用on方法,在数据重新加载之后,自动设置之前选中的数据为选中状态。 综上所述,使用Layui数据表格table.reload方法重新加载数据时,之前选中的数据会被清空。如果需要保留选中状态,可以通过自定义存储和恢复选中状态的逻辑来实现。 ### 回答3: Layui数据表格table.reload()方法是用来重新加载数据的,它会将当前表格中的数据清空,并重新请求数据渲染表格。因此,如果在调用该方法之前选中了某些数据,重新加载后这些数据会消失。 解决这个问题有以下几种方法: 1. 保存选中的数据:在调用table.reload()方法之前,将选中的数据保存到一个变量中,等重新加载数据完成后,再将保存的数据重新选中。 2. 使用缓存机制:在选中数据时,将数据保存在缓存中(例如LocalStorage),重新加载数据后,再从缓存中获取数据重新选中。 3. 使用分页加载:如果表格数据较多,可以考虑使用分页加载的方式,重新加载数据时只加载当前页的数据,这样就不会出现数据消失的问题。 无论采用哪种方法,都需要在重新加载数据后手动重新选中之前选中的数据,因为重新加载数据会导致表格重新渲染,选中状态会丢失。 总之,要保持之前选中的数据不消失,我们需要在重新加载数据后重新选中数据,可以通过保存数据、使用缓存机制或者使用分页加载等方式来实现。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值