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標(biāo)簽中要有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標(biāo)簽中要有lay-filter屬性,用來監(jiān)聽select
<select id="XXX" lay-filter="XXX" lay-verify="required" lay-search>
<option></option>
</select>以上解決方法就能使form.on方法執(zhí)行了
到此這篇關(guān)于layui的form.on的使用的文章就介紹到這了,更多相關(guān)layui的form.on的使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
2019 年編寫現(xiàn)代 JavaScript 代碼的5個小技巧(小結(jié))
這篇文章主要介紹了2019 年編寫現(xiàn)代 JavaScript 代碼的5個小技巧,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
JS實現(xiàn)將鏈接生成二維碼并轉(zhuǎn)為圖片的方法
這篇文章主要介紹了JS實現(xiàn)將鏈接生成二維碼并轉(zhuǎn)為圖片的方法,涉及qrcodejs插件及js圖片生成相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
關(guān)于javascript document.createDocumentFragment()
documentFragment 是一個無父對象的document對象.2009-04-04
實現(xiàn)抖音兩個旋轉(zhuǎn)小球的loading技巧實例
這篇文章主要為大家介紹了實現(xiàn)抖音兩個旋轉(zhuǎn)小球的loading技巧實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-05-05
javascript 玩轉(zhuǎn)Date對象(實例講解)
下面小編就為大家?guī)硪黄猨avascript 玩轉(zhuǎn)Date對象(實例講解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07

