jstree單選功能的實(shí)現(xiàn)方法
在選擇部門(mén)時(shí),因?yàn)槊總€(gè)人只有一個(gè)部門(mén),因此要實(shí)現(xiàn)單選。
在jstree的core里加入 “multiple”: false
,
注意是寫(xiě)在core
如下所示
'plugins': ["wholerow", "checkbox", "types"], 'core': { "multiple": false,//單選 "themes": { "responsive": false },
如果只選擇子節(jié)點(diǎn)的話,這樣實(shí)現(xiàn)是沒(méi)有問(wèn)題的。
注意:如果選擇父節(jié)點(diǎn)的話,還是會(huì)選中下面的子節(jié)點(diǎn)
如果想選擇父節(jié)點(diǎn)時(shí)不全選子節(jié)點(diǎn),就需要加上下面這句
"checkbox": { "three_state": false },
注意這個(gè)是和plugins,core平級(jí)的
'plugins': ["wholerow", "checkbox", "types"], 'checkbox': { "three_state": false//父子級(jí)不關(guān)聯(lián)選中 }, 'core': { "multiple": false,//單選 "themes": { "responsive": false },
效果如下:
這是可以看到選中了父節(jié)點(diǎn),子節(jié)點(diǎn)已經(jīng)不會(huì)選中了。
- jstree的簡(jiǎn)單實(shí)例
- jstree創(chuàng)建無(wú)限分級(jí)樹(shù)的方法【基于ajax動(dòng)態(tài)創(chuàng)建子節(jié)點(diǎn)】
- jquery下jstree簡(jiǎn)單應(yīng)用 - v1.0
- jquery.jstree 增加節(jié)點(diǎn)的雙擊事件代碼
- 基于jsTree的無(wú)限級(jí)樹(shù)JSON數(shù)據(jù)的轉(zhuǎn)換代碼
- JQery jstree 大數(shù)據(jù)量問(wèn)題解決方法
- jsTree樹(shù)控件(基于jQuery, 超強(qiáng)悍)[推薦]
相關(guān)文章
JS實(shí)現(xiàn)圖片延遲加載并淡入淡出效果的簡(jiǎn)單方法
我們大家都知道,對(duì)于一個(gè)網(wǎng)站最占用帶寬,最影響頁(yè)面顯示速度的東西就是圖片。圖片是很重要的,作為一個(gè)站長(zhǎng)我們是千方百計(jì)的使用各種技巧來(lái)優(yōu)化圖片,但其實(shí)有一種簡(jiǎn)單的方法,只需要幾行代碼就能達(dá)到這種效果。同時(shí)還附加一種淡入淡出的顯示效果,下面一起來(lái)看看。2016-08-08詳述JavaScript實(shí)現(xiàn)繼承的幾種方式(推薦)
這篇文章主要介紹了詳述JavaScript實(shí)現(xiàn)繼承的幾種方式(推薦)的相關(guān)資料,需要的朋友可以參考下2016-03-03uniapp開(kāi)發(fā)App出現(xiàn)網(wǎng)絡(luò)異常的解決方法
這篇文章主要給大家介紹了uniapp開(kāi)發(fā)App出現(xiàn)網(wǎng)絡(luò)異常的解決方案,文中有相關(guān)的解決方法和步驟,具有一定的參考價(jià)值,需要的朋友可以參考下2023-09-09公眾號(hào)SVG動(dòng)畫(huà)交互實(shí)戰(zhàn)代碼
這篇文章主要介紹了公眾號(hào)SVG動(dòng)畫(huà)交互實(shí)戰(zhàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05將Sublime Text 3 添加到右鍵中的簡(jiǎn)單方法
下面小編就為大家分享一篇將Sublime Text 3 添加到右鍵中的簡(jiǎn)單方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12js簡(jiǎn)單實(shí)現(xiàn)標(biāo)簽云效果實(shí)例
這篇文章主要介紹了js簡(jiǎn)單實(shí)現(xiàn)標(biāo)簽云效果,基于miaov.js文件實(shí)現(xiàn)標(biāo)簽云的3D滾動(dòng)效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08js防止DIV布局滾動(dòng)時(shí)閃動(dòng)的解決方法
這篇文章主要介紹了js防止DIV布局滾動(dòng)時(shí)閃動(dòng)的解決方法,通過(guò)js的window.requestAnimationFrame來(lái)解決這一問(wèn)題,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-10-10