layui的form.on的使用
一.容器所在的form代码里要有form的class=“layui-form”
<form class="layui-form" action="" id="f1"> <button id="query" type="button" class="layui-btn" lay-submit lay-filter="queryBtn">查询</button> </form>
二、该组建的属性里要有lay-sumbit 和lay-filter如上图片中的button
三、form.on的使用要在 layui.use([‘table’,‘form’,‘layer’], function(){}中
例:
layui.use(['table','form','layer'], function(){ form.on('submit(queryBtn)', function (data) { //执行重载 table.reload('t1', { url: '', type: 'post', page: { curr: 1, //重新从第 1 页开始 } , where: { "applyTime1":$("#applyTime1").val(), "applyTime2":$("#applyTime2").val(), "status":$("#status").val() } }) }); }
四、form.on(‘submit(这里面是组键的lay-filter)’)
layui框架form.on(‘select(XXX)‘,function(){});方法不执行解决方法
在layui框架中使用form.on方法绑定select下拉框选中事件,form.on()方法不执行, 解决方法有以下几点:
1. html中form标签中要有class="layui-form",否则不生效
<form class="layui-form"> </form>
2. form.on方法必须放在layui.use({})里
<script language="JavaScript"> layui.use(['form', 'layer'], function () { form.on('select(XXX)', function (data) {}); });
3. select标签中要有lay-filter属性,用来监听select
<select id="XXX" lay-filter="XXX" lay-verify="required" lay-search> <option></option> </select>
以上解决方法就能使form.on方法执行了