layui 数据表格的重载方法 reload()数据不生效解决方案

最新推荐文章于 2023-05-13 09:30:53 发布
最新推荐文章于 2023-05-13 09:30:53 发布
阅读量8.2k 收藏 3
点赞数 6
文章标签： layui html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinse29/article/details/120063280
版权

在用layui做项目中，针对表格中的数据，进行伪删除后，更新数据源后调用reload方法，但是未生效，移除的数据删除了，但是把数据源的最后一条数据变成两条的问题，翻看了layui文档API，对于表格重载内容如下图所示

对于options的各项参数有点迷惑，但是试了好多方法，发现加一条limit属性，取数据源长度即可

table.reload(tableId, {
            data: data,  // 更新后的数据源
            page: false, // 不分页处理
            limit: data.length // 限制数据条数，取数据源长度
        }, true);

应该是删除后的reload过程，最后的一条数据未被移除且一直存在

做个笔记，以防忘记，如有问题，欢迎指正~~~

 

小菜花29
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 layui 框架(版本 2.5.6),reload table 不刷新问题记录
zcc的博客
08-09 2631
最后我再需要更新的时候，在删除表格 再重新初始化了一下。但是这个问题出在哪我还是没找到，我也没有测试layui的新版本。使用 layui 框架 版本 2.5.6，直接赋值的方式创建表格带分页（自定义只显示条数）数组加一条时，分页的count 也得到了 2，但是表格就是不刷新。如果不使用分页 reload 就是可以的，正常拿到数据显示表格。遇到的问题：数据变化时 reload 表格无变化。现在是一条数据正常显示。...
关于LayUI表格重载数据问题
最新发布
0x3F3F3F3F
01-01 1936
时发现，会会重新调用table.render的url拿到原来的数据，并不会显示出来传输的data数据，估计应该只有table.render有这个属性。可以使用where进行传参，然后后端判断Str就可以区分是哪里调用的了，具体参考后面代码。table.reload执行会重新调用table.render来渲染实例。判断一下Str是不是空的就可以区分是一开始渲染还是重载了。搜索框搜索内容重载数据只显示搜索到的结果。搜索框事件（表格重载数据）
Layui表格刷新（重载）
热门推荐
夏已微凉、
08-24 2万+
一、表格刷新1、表格容器定义2、添加、编辑、删除 刷新1）、刷新时不保留搜索框的搜索信息2）、刷新时保留搜索框的搜索信息二、搜索按钮刷新1、搜索按钮2、刷新方式三、官方文档 一、表格刷新 1、表格容器定义 <table id="LAY-user-table" lay-filter="LAY-user-table"></table> 2、添加、编辑、删除 刷新 1）、刷新时不保留搜索框的搜索信息 表格初始化 table.render({ elem: '#LAY-user.
2020/4/16 layui前端动态table.reload()不执行
lin_qi_y的博客
04-17 2899
每次点了启用后，table并没有更新，导致重复点击按钮并不能切换执行启用和停用两个功能，数据库也只能更改最初的那一次，后来发现刷新整个页面，按钮才出现功能切换，查找发现， table.render({ elem: '#itemlist' ,height: 465 ,method: 'post' ,ur...
layui.table绘制好的表格怎么重新渲染
wgx_0504的博客
05-13 4809
如果在使用 layui.table 组件时，需要重新渲染表格（例如：表格数据更新或者需要重新排序等操作），可以使用。在上述代码中，我们添加了一个按钮，并绑定了一个点击事件。当按钮被点击时，会重新加载表格数据，即重新渲染表格。方法必须在表格渲染后才能调用。如果需要在表格未渲染时调用，可以使用。属性的值，第二个参数是一个对象，用来传递参数。其中，第一个参数是表格的。
[js方法学习]关于layui table render\table reload
fronde2233的博客
08-03 5376
1 layui.table.reder 1.1 界面有一张表时 通常，当界面有一张表格时，需要对这张表格进行增删查改，在表格渲染时最常见的方法如下。 使用layui.table.render对表格属性渲染，如果数据需要向服务器请求，可以在render函数里添加url，地址为后台方法名。 如下： table.render({ elem: '#demo' //指定原始表格元素选择器（推荐id选择器） ，url：'/ControllerName/methodName'...
layui表格数据重载
12-29
本文实例为大家分享了layui表格数据重载，供大家参考，具体内容如下 html代码 <form class=layui-form action=> <div class=layui-form-item xss=removed> <div class=layui-inline> <input type=...
layui数据表格实现重载数据表格功能(搜索功能）
10-16
总结来说，layui数据表格的重载功能结合搜索，主要是通过监听用户的搜索操作，获取搜索条件，然后调用`table.reload`方法，将新条件传入服务器，服务器根据这些条件筛选数据并返回，layui框架再根据返回数据更新表格...
layui数据表格重载实现往后台传参
12-30
1、网上的代码： ...button class=layui-btn data-type=reload>搜索</button></div> 在js加入初始化代码和定义加载方法 layui.use('table', function(){ var table = layui.table; //方法级渲染 t
LayUi中接口传数据成功,表格不显示数据的解决方法
10-18
今天小编就为大家分享一篇LayUi中接口传数据成功,表格不显示数据的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
08-29
主要介绍了Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数的实现代码,需要的朋友可以参考下
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
10-16
这个方法只会影响到缓存数据，还需要调用表格的重载方法(`layui.table.reload`)，将新数据传递给重载回调函数，以确保页面显示的数据是最新的。 例如： ```javascript layui.table.on('edit(table)', function...
tableview的reloadData应注意
张中峰的专栏
11-25 1万+
UITableView reloadData的正确方法。    相信很多人会遇到这种情况，当tableView正在滚动的时候，如果reloadData，偶尔发生App crash的情况。 这种情况有时候有，有时候没有，已经难倒了很多人。直至今天，我在stackoverflow上面，仍没有发现真正有说到其本质的帖子。我的处女贴，选择这个问题来阐述一下我的观点。 小弟我英语很好，一般都是用英语记笔
layui数据表格reload显示为空白行或显示无数据的问题
m0_38101274的博客
07-09 2311
1.返回的数据格式 //默认返回的数据格式 { "code": 0, "msg": "", "count": 1000, "data": [{}, {}] } 若与你返回的格式不同，请使用 parseData参数进行修改 table.render({ elem: '#demp' ,url: '' ,parseData: function(res){ //res 即为原始返回的数据 return { "code": res.status, //解析接口状态
DataTable reload和load区别
gmHappy
04-10 1311
var table = $('#my_table').DataTable(); table.ajax.reload()用于datatable表某个数据的变化而重新加载； table.ajax.url(url).load()用于切换url时datatable重新获取数据。 ...
layui 添加数据后表格不自动刷新
Wendz的博客
03-06 9508
如果添加数据后表格不自动刷新，但是手动刷新后，新添加的数据会正常显示，页面报错如图， 查看table.render中是否有id属性，如果有，删除该属性。 ...
layui table在编辑后更新一行的数据，使用obj.update失效
Mr丶GUO
06-18 2849
layui table在编辑后更新一行的数据，使用obj.update失效 处理方式： obj.data[obj.field] = value; obj.tr.find('td[data-field=name] input').val(value); // 这句代码是必要的 obj.update(obj.data);
layui table数据表格reload where参数保留问题
weixin_30247307的博客
04-28 9553
layui table数据表格reload where参数保留问题 在使用layui过程中多多少少会遇到些问题 table reload 有个坑：reload时where参数会保留上次的参数，如果用 done: function(res, curr, count){ this.where={};} 来处理，默认的表格分页会把第一次请求的参数去掉。两者遇到些冲突。 用下面的方式来解决： v...
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、付费专栏及课程。

余额充值