layui数据表格筛选或搜索刷新两遍的问题(reload)

layui数据表格筛选或搜索(reload)刷新两遍的问题

今天我又遇到了一个问题,layui的数据表格reload时刷新两遍的问题。
效果图

原因:由于筛选器使用的是 form ,因此如果使用 button type=“submit” 或者<input type=“submit” 会刷新页面提交表单。layui自带的reload函数会按你想的那样刷新,这是第一遍,而form表单的提交会进行第二遍刷新,从而将你筛选的数据刷没了。

解决方法:把button type="submit"等改为不提交的某种东西,比如<a之类的
代码如下:
这个会刷新两遍:

<button class="layui-btn layuiadmin-btn-list" data-type="reload">搜索</button>

这个不会再次刷新:

<a class="layui-btn" lay-submit lay-filter="formDemo">搜索</a>

Guess you like

Origin blog.csdn.net/jsh_19869/article/details/108026395