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 自定義字體圖標 擴展
或着使用其默認的上下箭頭圖標