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">查詢(xún)</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 頁(yè)開(kāi)始 } , 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í)行, 解決方法有以下幾點(diǎn):
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屬性,用來(lái)監(jiān)聽(tīng)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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- layui 解決富文本框form表單提交為空的問(wèn)題
- 淺談layui 綁定form submit提交表單的注意事項(xiàng)
- layui實(shí)現(xiàn)form表單同時(shí)提交數(shù)據(jù)和文件的代碼
- 使用layui前端框架彈出form表單以及提交的示例
- layui form表單提交后實(shí)現(xiàn)自動(dòng)刷新
- layui 解決form表單點(diǎn)擊無(wú)反應(yīng)的問(wèn)題
- layui form.render(''select'', ''test2'') 更新渲染的方法
- layui使用form表單實(shí)現(xiàn)post請(qǐng)求頁(yè)面跳轉(zhuǎn)的方法
相關(guān)文章
2019 年編寫(xiě)現(xiàn)代 JavaScript 代碼的5個(gè)小技巧(小結(jié))
這篇文章主要介紹了2019 年編寫(xiě)現(xiàn)代 JavaScript 代碼的5個(gè)小技巧,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01JS實(shí)現(xiàn)將鏈接生成二維碼并轉(zhuǎn)為圖片的方法
這篇文章主要介紹了JS實(shí)現(xiàn)將鏈接生成二維碼并轉(zhuǎn)為圖片的方法,涉及qrcodejs插件及js圖片生成相關(guān)操作技巧,需要的朋友可以參考下2018-03-03關(guān)于javascript document.createDocumentFragment()
documentFragment 是一個(gè)無(wú)父對(duì)象的document對(duì)象.2009-04-04實(shí)現(xiàn)抖音兩個(gè)旋轉(zhuǎn)小球的loading技巧實(shí)例
這篇文章主要為大家介紹了實(shí)現(xiàn)抖音兩個(gè)旋轉(zhuǎn)小球的loading技巧實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05基于JS代碼實(shí)現(xiàn)實(shí)時(shí)顯示系統(tǒng)時(shí)間
這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)實(shí)時(shí)顯示系統(tǒng)時(shí)間的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06javascript 玩轉(zhuǎn)Date對(duì)象(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇javascript 玩轉(zhuǎn)Date對(duì)象(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07