使用layui的模块时,我做了个表格,并加入JS代码监控事件,在这个中间发现一些问题,当按钮放在from框架中,只要执行按钮的事件后,就会出现迅速刷新的效果,而在去掉form后不会了。
<form class="layui-form layui-form-pane">
<div class="layui-btn-group demoTable">
<button class="layui-btn layui-btn-sm" id="getCheckData">获取选中行数据</button>
<button class="layui-btn layui-btn-sm" id="getCheckLength">获取选中数目</button>
<button class="layui-btn layui-btn-sm" id="isAll">验证是否全选</button>
<button class="layui-btn layui-btn-sm" id="reload">刷新表格</button>
</div>
<div class="layui-form-item" style="margin-top:15px;">
<label class="layui-form-label">姓名</label>
<div class="layui-input-inline">
<input class="layui-input" type="text" name="username" id="username" palceholder="请输入用户名"/>
</div>
<label class="layui-form-label">城市</label>
<div class="layui-input-inline">
<input class="layui-input" type="text" name="username" id="add" palceholder="请输入用地址"
class="layui-input-inline"/>
</div>
</div>
<table class="lay-hide" id="test" lay-filter="test"></table>
</form>