改造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元件
- Repeater控制元件實現編輯、更新、刪除操作控制元件
- Excel表格新增編輯或刪除批註Excel
- 新增了自定義的編輯和刪除按鈕
- 紅黑樹新增刪除
- layui.tree樹形結構節點判定條件的刪除操作UI
- Java PDF書籤——新增、編輯、刪除、讀取書籤Java
- Omi樹元件omi-tree編寫指南元件
- Omi 樹元件 omi-tree 編寫指南元件
- linux新增或刪除元件包Linux元件
- Tree樹狀圖的動態增刪查改(下)修改與刪除
- redis cluster節點/新增刪除操作Redis
- Cookie新增、獲取以及刪除操作Cookie
- Odoo禁止Tree、Form檢視增刪改編輯OdooORM
- collectionView--編輯全選刪除View
- 仿 iOS 列表的編輯功能 – 刪除篇iOS
- 仿 iOS 列表的編輯功能 - 刪除篇iOS
- 批量新增、刪除控制元件組--【ssnc】控制元件
- Tree樹狀圖的動態增刪查改(中)新增節點
- django1.10開發部落格(7)——文章的新增、釋出、編輯、刪除Django
- jQuery實現的表格新增或者刪除行操作jQuery
- vue對table的某一行的資料進行編輯,刪除操作Vue
- 有關元件的補充~~~~~~~元件
- ava 新增、刪除Excel表單控制元件Excel控制元件
- c#樹控制元件treeview_新增treenode節點_選中顯示_刪除C#控制元件View
- SQL的資料庫操作:新增、更新、刪除、查詢SQL資料庫
- Java Web如何操作Cookie的新增修改和刪除JavaWebCookie
- 可編輯選擇、刪除條目的ListViewView
- Cookie 的新增與刪除Cookie
- UITableView的代理方法,實現編輯、刪除、排序、多選UIView排序
- thinkphp對檔案的上傳,刪除,下載操作PHP
- informix新增刪除chunkORM
- class屬性的新增刪除
- 陣列的方法-新增刪除陣列
- jquery table 的新增和刪除jQuery
- Git.Framework 框架隨手記--ORM編輯刪除GitFramework框架ORM
- 刪除編輯檔案警告Swap file “…” already exists!
- 前端補充:url編碼前端