改造layui-樹(tree)元件的新增、編輯、刪除操作(補充上一篇)
這篇是用來補充上一篇:改造layui-樹(tree)元件支援新增、編輯、刪除的自定義(彈框)操作(https://blog.csdn.net/liona_koukou/article/details/99824998)的,鑑於有同學問程式碼裡下面這兩個的詳細程式碼在此做一個樹操作的補充
limitNodeAddLevel: 0, // 設定第X級節點不允許新增操作
limitNodeDelLevel: 0, // 設定第X級節點不允許刪除操作
我們在layui官網見到的樹操作如下,每個節點後都有這三種操作:新增、編輯、刪除
但實際專案中可能會有這種情況出現:某級節點不允許新增或刪除操作
像我們這個專案就是根節點不允許刪除操作,3級節點不允許新增操作,為了實現這個功能我對layui的tree進行了修改
tree.js檔案修改如下:
1、預設配置里加上這兩項配置
2、節點操作圖示這裡加上判斷條件,如果設定這兩項那麼節點圖示內容做相應調整,預設是三種圖示都顯示(這部分程式碼是每一個節點渲染的時候都會進行判斷當前節點要顯示的操作有哪些),注意裡面的item.rank,這個rank是樹的資料結構裡我們後臺傳過來的,表示節點的等級是幾級節點,這樣可以自定義自己需要的樹操作限制。
3、tree元件使用:設定需要限制操作的節點等級就可以
以上o(* ̄︶ ̄*)o
相關文章
- 改造layui-樹(tree)元件支援樹的關鍵字搜尋操作UI元件
- 紅黑樹新增刪除
- layui.tree樹形結構節點判定條件的刪除操作UI
- 主鍵的建立、新增、刪除操作
- Java PDF書籤——新增、編輯、刪除、讀取書籤Java
- Tree樹狀圖的動態增刪查改(下)修改與刪除
- Cookie新增、獲取以及刪除操作Cookie
- redis cluster節點/新增刪除操作Redis
- Odoo禁止Tree、Form檢視增刪改編輯OdooORM
- 列表頁取出刪除編輯功能
- 仿 iOS 列表的編輯功能 – 刪除篇iOS
- Tree樹狀圖的動態增刪查改(中)新增節點
- vue對table的某一行的資料進行編輯,刪除操作Vue
- ava 新增、刪除Excel表單控制元件Excel控制元件
- SQL的資料庫操作:新增、更新、刪除、查詢SQL資料庫
- [20200414]Linux下快速刪除大量檔案(補充).txtLinux
- 有關元件的補充~~~~~~~元件
- ajax編輯資訊和刪除資訊
- 20180614刪除bootstrap$記錄無法啟動3補充boot
- 陣列的方法-新增刪除陣列
- class屬性的新增刪除
- 新增、刪除PPA源
- Laravel-admin 中列表中禁止某行編輯、刪除Laravel
- 從原始碼分析DEARGUI之互動新增和刪除元件原始碼GUI元件
- windows10系統中如何新增或刪除windows元件Windows元件
- KeyShot操作的一些補充
- Java 操作PDF中的超連結——新增、更新、刪除超連結Java
- JS模擬陣列操作(新增、刪除、插入、排序、反轉)JS陣列排序
- 實現二叉搜尋樹的新增,查詢和刪除(JAVA)Java
- flowable的查詢操作和刪除操作
- 前端補充:url編碼前端
- jQuery 新增和刪除classjQuery
- debug補充、員工管理系統、字元編碼、檔案操作字元
- Laravel 軟刪除操作Laravel
- MySQL新增列、刪除列,建立主鍵等常用操作總結MySql
- MybatisPlus - [05] 邏輯刪除MyBatis
- Spring boot+Mybatisplus用AR模式實現邏輯刪除操作Spring BootMyBatis模式
- 移動端除錯方法補充除錯