修改layui tree組件支持上移下移


layui版本:layui-v2.5.6 MIT

問題:簡介好用的layui前端框架真是后端開發着的福音(手動點贊) ,有個新需求就是導航管理改成樹形結構展示。layui的tree組件支持增,刪,改如下:

 

 

 

但是不支持上下移動。

要求新增和修改的時候頁面不創建圖標直接調用相應的節點回調函數。

這個自己如何改造下呢。

要求效果:

 

 

解決:

我找到 html\lib\layui\lay\modules\tree.js 文件打開。

 

 

 還好找了個工具 格式化下。

 

 

 這樣好看多了

去除編輯菜單的時候 編輯頁面菜單文字的邏輯,直接處理操作節點的回調,同理修改新增處的邏輯。

 

 

 

  然后增加上下移動的兩個圖標分別命名為moveup movedown

 

 

 

 

在 update 函數邏輯后增加 moveup movedown 函數邏輯     

 

 

 

tree.render配置中開啟moveup movedown 回調操作

 

 

 

 

重新加載頁面試試

 

 

 

當然,layui此版本的圖標是沒有上下箭頭圖標的,參考此文章增加icon layui 自定義字體圖標 擴展

或着使用其默認的上下箭頭圖標

                                                                                                                                                                        


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM