el tree只能勾選已選同層

2021-10-20 19:37:24 字數 822 閱讀 3327

最近有個需求,樹結構選項,如果有已勾選節點了,後續只能勾選同一層級節點資料。

感覺可以記錄下。

實現思路:

1.同一層級的上一節點(父節點)肯定是相同的。所以判斷當前勾選的節點的父節點是否相同

2.如果沒有已選節點則可以隨意勾選節點

"orgtreeref" node-key=

"dataid" @check-change=

"orgnodechange"

:data=

"orgtree" accordion>

<

/el-tree>

orgnodechange

(node,check,childcheck)}if

(node.parentid !=

this

.lasttreeparentid)

else

}else

}else

else}}

,

1.每次勾選節點時,都先獲取已勾選的node / key。然後判斷是否是勾選操作,進行同父id進行對比,這裡的**其實可以直接簡化取checkedarr陣列裡第乙個下標值就好了並記錄父節點id。

2.判斷當前勾選節點的父節點是否跟先前有已勾選的相同。

3.是相同的話重新獲取過已勾選的node / key的方法

4.已選陣列裡為空則說明未存在已勾選節點,同樣重新獲取過樹的獲取節點方法

5. 判斷為取消勾選時,如果樹已經不存在勾選節點了,則把記錄id的值設定null

jQuery 控制勾選和去勾選

input ratio勾選控制 id prop checked true 勾選 id prop checked false 去勾選注意 一定用prop而不是用attr來控制。目前專案使用的jq版本是3.1.1,在這個版本中,類似於 id attr checked checked id removea...

Extjs checkbox Grid勾選時事件

var sm new ext.grid.checkboxselectionmodel sm.handlemousedown ext.emptyfn 不響應mousedown事件 sm.on rowselect function sm rowindex,record this sm.on rowdes...

Ztree勾選節點後取消勾選其父子節點

前言 ztree官方給的api可以設定勾選乙個節點的同時勾選子節點或者父節點,也可以設定不影響父子節點,即將chkboxtype設定為,而有時我們希望實現這樣的功能,點選乙個節點判斷他所有的父節點和子節點,如果有選中的話就取消勾選,這樣的話官方貌似沒有給出有效的解決方案,這篇文章記錄一下我是怎麼解決...