對layui中的onevent 和event的使用詳解
這是官方文檔的說明
layui.onevent(modName, events, callback) | 自定義模塊事件,屬于比較高級的應用。有興趣的同學可以閱讀layui.js源碼以及form模塊 |
layui.event(modName, events, params) | 執(zhí)行自定義模塊事件,搭配onevent使用 |
參數1我暫時理解為組,定義子級方法和使用event調用都需要注意這個參數必須一致
參數二是定義父級方法名,如果有需要定義該方法的子方法時候同樣使用onevent,但參數二的方法名需要與父級相同并已加上括號
如下面的代碼中data方法,定義子方法就是data(1),
如果使用layui.event方法調用data(1),方法即會data(1)和data方法
//監(jiān)聽Tab切換,以改變地址hash值 element.on("tab(test)", function() { // location.hash = "test=" + this.getAttribute("lay-id"); //使用event調用data(1)方法并傳入參數,這時候這里會觸發(fā)data方法和data(1)方法 layui.event('groupData','data(1)',this.getAttribute("lay-id")); }); //定義父級方法data layui.onevent('groupData','data',function(gid){ console.log(gid); }); //定義子方法data(1) layui.onevent('groupData','data(1)',function(gid){ console.log(1321321); });
以上均為本人使用經驗理解,如有說錯,歡迎大家指出!
這篇對layui中的onevent 和event的使用詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JavaScript 開發(fā)中規(guī)范性的一點感想
在開發(fā)中通用的幾個方法,我們把它們放到utility目錄下或者utility.js中;所有的提示信息和報錯信息統(tǒng)一放置在一起??雌饋矶际切⌒〉膸撞?,卻能讓咱們開發(fā)的代碼同事讀起來更順暢,下個項目中也能用上。2009-06-06JavaScript 無縫上下左右滾動加定高定寬停頓效果(兼容ie/ff)
JavaScript 指定寬度高度的無間斷滾動實現代碼,這樣的效果適合作為焦點新聞的輪播顯示。2010-03-03JavaScript限制在客戶區(qū)可見范圍的拖拽(解決scrollLeft和scrollTop的問題)(2)
這篇文章主要介紹了JavaScript限制在客戶區(qū)可見范圍的拖拽,解決scrollLeft和scrollTop的問題,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05