layui的form.on的使用示例詳解
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>
二、該組建的屬性里要有l(wèi)ay-sumbit 和lay-filter如上圖片中的button
三、form.on的使用要在 layui.use([‘table’,‘form’,‘layer’], function(){}中
例:
layui.use(['table','form','layer'], function(){ form.on('submit(queryBtn)', function (data) { //執(zhí)行重載 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(){});方法不執(zhí)行解決方法
在layui框架中使用form.on方法綁定select下拉框選中事件,form.on()方法不執(zhí)行, 解決方法有以下幾點:
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屬性,用來監(jiān)聽select
<select id="XXX" lay-filter="XXX" lay-verify="required" lay-search> <option></option> </select>
以上解決方法就能使form.on方法執(zhí)行了
到此這篇關于layui的form.on的使用的文章就介紹到這了,更多相關layui的form.on的使用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
2019 年編寫現(xiàn)代 JavaScript 代碼的5個小技巧(小結)
這篇文章主要介紹了2019 年編寫現(xiàn)代 JavaScript 代碼的5個小技巧,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-01-01關于javascript document.createDocumentFragment()
documentFragment 是一個無父對象的document對象.2009-04-04