关于Layui无法执行重载(table.reload)的解决办法之一

最新推荐文章于 2024-07-15 16:57:08 发布

＜＇））））＞＜

最新推荐文章于 2024-07-15 16:57:08 发布

阅读量4.8k

点赞数 2

文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/weixin_64892695/article/details/122565282

版权

遇到一种情况，你的点击事件可以使用，但是运行到table.reload的时候就不在往下面运行了，下面时该问题的解决办法之一:

这种问题是因为你没有在你的table.render里面写入这张表的Id导致的,只要把table.render里面添加上Id就行了！（注意，原来在表中的id是不能使用的，需要使用table.render里面加入的id、或者是data-type里面的id）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

＜＇））））＞＜

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

layui表格数据重载

12-29

本文实例为大家分享了layui表格数据重载，供大家参考，具体内容如下 html代码 <form class=layui-form action=> <div class=layui-form-item xss=removed> <div class=layui-inline> <input type=...

layui.table绘制好的表格怎么重新渲染

wgx_0504的博客

05-13

5191

如果在使用 layui.table 组件时，需要重新渲染表格（例如：表格数据更新或者需要重新排序等操作），可以使用。在上述代码中，我们添加了一个按钮，并绑定了一个点击事件。当按钮被点击时，会重新加载表格数据，即重新渲染表格。方法必须在表格渲染后才能调用。如果需要在表格未渲染时调用，可以使用。属性的值，第二个参数是一个对象，用来传递参数。其中，第一个参数是表格的。

1 条评论您还未登录，请先登录后发表或查看评论

layui table.reload()不生效的解决方案

海紫苑打不死马小跳的博客

05-24

3695

除了要加载的data数据列以外，还需要把url置空。

layui table template、或toolbar实现超出隐藏、更多展示全部效果

热门推荐

qq_40890601的博客

07-11

2万+

使用table.reload()重载去搜索特定列 html <div class="searchTable" id="searchTable"> <div class="layui-inline"> <input class="layui-input layui-inline" id="badge" placeholder="badge" autocomplete="off" style="display:inline;wi

layui table.reload 数据重载遇到的问题

追的博客

08-27

7524

layui官方提供重载的代码是这样的： var $ = layui.$, active = { reload: function(){ var demoReload = $('#demoReload'); //执行重载 table.reload('testReload', { page: { curr: 1 //重新从第 1 页开始 } ,where: { k

Layui 使用问题 table的重载（reload）和toolbar 渲染问题 ---重载后toolbar中定义的数据或按钮方法失效

qq_41895810的博客

04-27

8411

如果你在layui的toolbar中定义了按钮方法，你会发现使用table.reload之后，这些方法不能用或者不执行了。首先看看你在toolbar中定义的方法是不是写在了 layui.use之中？如图，我的这个查询只有更新页面之后才能使用，table.reload方法执行之后就不能用了但是如果你单独定义onclick 方法在layui.use之外，如图这种方式就不会被 toolbar 头部工具所约束，可以正常的使用。那么如何在toolbar中使用查询按钮，或..

Layui的Table方法reload的参数where参数会保留上次检索条件

天涯芳草

03-25

5977

在使用Layui的Table表格做增删改时，常常需要刷新主页面,此时会携带上次提交的相关检索添加,可以配置reload方法的参数where检索携带的添加为null即可， table.reload('menuTable', { where: null, //设定异步数据接口的额外参数 page: { curr: 1 //重新从第 1 页开始 } } ); menuTable为当前表格的ID where，是需要携带的检索条件, page 参数是重新检索时需要携带

Layui table.reload()缓存问题

weixin_44134144的博客

07-11

5028

Layui table.reload()缓存问题在进行条件搜索时，需要使用reload重载表格，并添加新参数作为条件。 table.reload('test',{ url: '/web/userList', where:{column:column,value:value} }) 但是，当再次进行条件搜索时，如果条件为空，则会继续按着之前的条件搜索。因为reload的where会把上次的值进行缓存，我使用了下面的方法进行解决，当没有条件时，将where中的参数置为Null： if (col

layui数据表格重载实现往后台传参

12-30

1、网上的代码： ...button class=layui-btn data-type=reload>搜索</button></div> 在js加入初始化代码和定义加载方法 layui.use('table', function(){ var table = layui.table; //方法级渲染 t

layui前端框架之table表数据的刷新方法

10-18

在Layui中，可以通过调用layer.reload()方法实现全量刷新，这将导致页面上的所有Layui组件进行重载，这可能会造成页面闪烁和用户体验下降。二、部分刷新当只需要更新表格的部分数据时，可以采用部分刷新。Layui...

layui 实现table翻页滚动条位置保持不变的例子

10-16

4. 然后，执行表格的重载操作，例如：`g_tableIns.reload(g_table_config)`，这里`g_tableIns`是layui table的实例，`g_table_config`是表格配置项，`g_UserInfoDataPage`是新的数据源。 5. 最后，在数据加载完成后...

Layui table.reload 方法2.6.0之后版本重大调整：重载表格，默认已经不再携带上一次的where参数...

SummerGao

04-25

1153

Layui table.rel...

layui table.reload()分页失效

weixin_62460384的博客

11-16

1535

处理layui reload分页失效的问题,或者是二次处理reload数据

改造layui table.js 使用table.reload()后保持上次滚动条位置

LLmoe的博客

05-30

2693

项目场景：今天客户提出个需求在系统表格里面添加新数据后因为调用 table.reload() 会重载表单然后滚动条就变成最开始前面，需要添加数据后保存滚动条位置不变问题描述 layui重载表格后会把滚动条重置到0 解决方案：参考资料：https://www.cnblogs.com/shazixu/p/11775753.html 参考上面自己改了下源码，实现效果，直接修改layui table.js的源码 //表格重载大概2090行左右自己搜索下 table.relo

Layui table.reload 分页问题

qq_51110402的博客

09-08

955

使用layui 表格自动分页全部数据点击 10 后点击筛选按钮比如时间段在2022 年的数据就会展示无数据。原因 layui 发送请求的页数为10。

layui table.reload 的坑

DeeJinG的博客

08-27

8461

table.reload() 参考：https://www.cnblogs.com/yanan7890/p/11818902.html 当使用 table.reload(）多次对 table 进行重载时候，它默认会带有上一次 where{} 的参数条件。 // 监听搜索操作 form.on('submit(data-search-btn)', function (data) { //将搜索的表单数据封装进去result

[js方法学习]关于layui table render\table reload

fronde2233的博客

08-03

5469

1 layui.table.reder 1.1 界面有一张表时通常，当界面有一张表格时，需要对这张表格进行增删查改，在表格渲染时最常见的方法如下。使用layui.table.render对表格属性渲染，如果数据需要向服务器请求，可以在render函数里添加url，地址为后台方法名。如下： table.render({ elem: '#demo' //指定原始表格元素选择器（推荐id选择器），url：'/ControllerName/methodName'...

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

jinse29的博客

09-02

8438

在用layui做项目中，针对表格中的数据，进行伪删除后，更新数据源后调用reload方法，但是未生效，移除的数据删除了，但是把数据源的最后一条数据变成两条的问题，翻看了layui文档API，对于表格重载内容如下图所示对于options的各项参数有点迷惑，但是试了好多方法，发现加一条limit属性，取数据源长度即可 table.reload(tableId, { data: data, // 更新后的数据源 page: false, // 不分页处理...

layui中table.reload怎么用

09-26

layui中的table.reload方法用于重新加载表格数据，其语法如下： table.reload('tableId', { url: '新的数据接口', where: { // 重新定义请求参数 }, page: { curr: 1 // 重新从第一页开始 } }); 其中，第一个参数为表格的id，第二个参数为一个对象，用于重新定义请求参数、数据接口和分页等信息。具体使用方法可以参考layui官方文档。