layui 关于defaultToolbar扩展图标功能的一点学习

本文介绍了如何在layui的defaultToolbar中添加自定义图标,并详细讲述了在遇到事件监听问题时,从查阅文档、确认事件到查看源码、添加自定义监听的解决过程,提供了具体的函数和功能实例。
摘要由CSDN通过智能技术生成

这里写自定义目录标题

目标

想在defaultToolbar添加一个自定义图标,并添加一定的功能

过程

  1. 翻文档
    文档链接
    图标按照文档成功添加
 defaultToolbar: ['filter', 'exports', {
                    title: '全局设置',
                    layEvent: 'setting',
                    icon: 'layui-icon-set-fill',

                }]

添加成功
2. 事件监听
在这里插入图片描述
我按照文档形式监听了tool事件,但是我发现监听不到事件

处理

  1. 检查了事件和版本号都正确
  2. 查询了源码看了一下作者的写法
  3. 在源码的基础上添加自己的事件监听
    源码是在table.js
    打开table.js源码后
    1. 搜索LAYTABLE_PRINT字符串会发现作者的事件监听函数
    2. 添加自己的事件监听
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值