layui 關於defaultToolbar擴展圖標功能的一點學習

這裏寫自定義目錄標題

目標

想在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. 添加自己的事件監聽
      在這裏插入圖片描述
      done函數,功能實例
  4. 結束
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章