layui中的onevent 和event使用方法
这是官方文档的说明
layui.onevent(modName, events, callback) | 自定义模块事件,属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块 |
layui.event(modName, events, params) | 执行自定义模块事件,搭配onevent使用 |
layui.onevent 可以看作定义的方法的使用的
参数1我暂时理解为组,定义子级方法和使用event调用都需要注意这个参数必须一致
参数二是定义父级方法名,如果有需要定义该方法的子方法时候同样使用onevent,但参数二的方法名需要与父级相同并已加上括号
如下面的代码中data方法,定义子方法就是data(1),
如果使用layui.event方法调用data(1),方法即会data(1)和data方法
//监听Tab切换,以改变地址hash值element.on("tab(test)", function() {// location.hash = "test=" + this.getAttribute("lay-id");//使用event调用data(1)方法并传入参数,这时候这里会触发data方法和data(1)方法layui.event('groupData','data(1)',this.getAttribute("lay-id"));});//定义父级方法datalayui.onevent('groupData','data',function(gid){console.log(gid); });//定义子方法data(1)layui.onevent('groupData','data(1)',function(gid){console.log(1321321);});
以上均为本人使用经验理解,如有说错,欢迎大家指出
layui中的onevent 和event使用方法相关推荐
- layui如何获取父节点的父节点_layui框架中layer父子页面交互的方法分析
本文实例讲述了layui框架中layer父子页面交互的方法.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ ...
- layui表头样式_js相关:layui中table表头样式修改方法
js相关:layui中table表头样式修改方法 发布于 2020-7-25| 复制链接 分享一篇关于layui中table表头样式修改方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看 ...
- event.preventDefault() 和 event.stopPropagation()方法之间有什么区别?如何知道是否在元素中使用了event.preventDefault()方法?
event.preventDefault() 方法可防止元素的默认行为.如果在表单元素中使用,它将阻止其提交.如果在锚元素中使用,它将阻止其导航.如果在上下文菜单中使用,它将阻止其显示或显示.even ...
- pygame中event模块方法详解
目录 pygame.event.pump() pygame.event.get() pygame.event.poll() pygame.event.wait() pygame.event.peek( ...
- html表格td点击事件,监听layui中的table中的td点击事件
上图 就是用layui生成的一个table表格; 在这里我们给td绑定class,再通过jq的方式去监听是不可行的; 会监听不到事件; 不过在layui中,给了监听方法,并且还可以获取到该行所有的数据 ...
- layui中的table使用心得,json格式处理,json转字符串,json转对象,json转对象数组,layui表格图片显示修改。
文章目录 案例一.layui中table,后台数据是json格式的处理 1. 前端显示样式 2. 前端代码 3. 后端代码:layui前端表格需要返回的数据格式要求示例 4. json格式处理工具类: ...
- layui中的动态表格
layui中的动态表格 介绍 layui提供了丰富的动态表格的操作,它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求.支持固定表头.固定行.固定列左/列右,支持拖拽改变列 ...
- jQuery中鲜为人知的的几个方法
转来学习一下 jQuery中鲜为人知的的几个方法 jQuery近些年来仍旧是web开发中最受欢迎的类库,虽然大家褒贬不一,但是仍旧不失为一款最流行的Javascript,在今天这篇文章中,我们将介绍几 ...
- Matlab中计算程序运行时间的三种方法
经常我们需要计算我们程序到底运行多长时间,这样可以比较程序的执行效率.当然这个对于只有几秒钟的小程序没有什么意义,但是对于大程序就有很重要的意义了. 下面我们就说说MATLAB中计算程序运行时间的三种 ...
最新文章
- 67)vector的begin() end() 和 front() back()的区别 rbegin() rend()
- hdu 4035 可能性DP 成都网络游戏
- 发布 项目_第十八期科创基金项目发布会圆满结束
- Laravel的初始化安装 1
- Linux 常用命令
- spring cache相关注解介绍 @Cacheable、@CachePut、@CacheEvict
- nutch,hbase,zookeeper兼容性问题
- 【转】矩阵十大经典题目
- 晨哥真有料丨我们要为了对方改变自己吗?
- Qt总结之十二:C/C++内存分配方式与存储区
- Locality Sensitive Hashing(LSH)之随机投影法
- 微信小程序云开发教程-WXML入门-数据绑定
- Cocos2dx3.0过渡篇 globalZOrder()与localZOrder()
- Linux nvme驱动分析之用户态接口
- win7 局域网访问网站
- 台北故宫博物院收藏:气势开张,米芾行草书法真迹《真酥帖》赏析
- Xilinx SDSoc 加载opencv库
- typora上传图片出现Can‘t find smms config错误
- 华为AC旁路二层组网隧道转发示例
- VS2017使用gtest