layui数据表格的数据 重载(reload)和渲染事件的坑–button与submit
用layui的数据表格时,有个多条件查询,跟着一个查询按钮,点击之后,能查询出索要的数据,
但查询条件的数据被清空,F12查看 网络,发现 执行条件查询的表格的reload事件时,**又发生了一次 表格的渲染事件render,–**诡异
layui数据表格reload后会将表格重新渲染,有没有方法只重新加载数据而不是重新渲染,这样有个问题
我现在将数据表格封装了一层,但是每次根据查询条件查询时 会重新渲染数据表格 经过N个小时的查找,发现,是 查询 按钮出的错,
bug版本:
<button id="reload_btn" class="layui-btn layui-inline" data-type="reload">查找</button>
应加 type=button–没错,就这么点的区别
<button type="button" id="reload_btn" class="layui-btn layui-inline" data-type="reload">查找</button>
可怕的是 layui的官网也没加 type=button 这句代码
---------------------------------------------------------------
改错之前:点击一次按钮,发生两次请求–有一次是整体的渲染
改错之后:点击一次查找,只有一次请求–正常操作

原因:查找按钮button,默认执行了submit功能,即 提交了一次~~
submit是button的一种特殊 状态