jstree單選功能的實現(xiàn)方法

更新時間：2017年06月07日 09:48:55 作者：ChlatZed

這篇文章主要介紹了 jstree單選功能的實現(xiàn)方法,需要的朋友可以參考下

在選擇部門時，因為每個人只有一個部門，因此要實現(xiàn)單選。

在jstree的core里加入 “multiple”: false,

注意是寫在core

如下所示

'plugins': ["wholerow", "checkbox", "types"],
'core': {
    "multiple": false,//單選
    "themes": {
       "responsive": false
    },

如果只選擇子節(jié)點的話，這樣實現(xiàn)是沒有問題的。

這里寫圖片描述

注意：如果選擇父節(jié)點的話，還是會選中下面的子節(jié)點

這里寫圖片描述

如果想選擇父節(jié)點時不全選子節(jié)點，就需要加上下面這句

"checkbox": {
        "three_state": false
      },

注意這個是和plugins，core平級的

'plugins': ["wholerow", "checkbox", "types"],
'checkbox': {
     "three_state": false//父子級不關聯(lián)選中
 },
'core': {
   "multiple": false,//單選
   "themes": {
   "responsive": false
 },

效果如下：

這里寫圖片描述

這是可以看到選中了父節(jié)點，子節(jié)點已經(jīng)不會選中了。

您可能感興趣的文章:

TypeScript 裝飾器定義
這篇文章主要介紹了TypeScript 裝飾器定義，裝飾器是一種新的聲明，它可以作用于類聲明、方法、訪問器、屬性以及參數(shù)上，下面我們就來看看TypeScript 裝飾器的具體定義吧,需要的朋友可以參考一下，希望對你有所幫助
2021-12-12
原生js實現(xiàn)網(wǎng)易輪播圖效果
這篇文章主要為大家詳細介紹了原生js實現(xiàn)網(wǎng)易輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
JS阻止用戶多次提交示例代碼
這篇文章主要介紹了JS如何阻止用戶多次提交,需要的朋友可以參考下
2014-03-03
js中函數(shù)調(diào)用的兩種常用方法使用介紹
這篇文章主要介紹了js中函數(shù)調(diào)用的兩種常用方法使用,需要的朋友可以參考下
2014-07-07
JavaScript Generator函數(shù)使用分析
生成器Generator是JavaScript ES6引入的特性，它讓我們可以分段執(zhí)行一個函數(shù)。但是在談論生成器（Generator）之前，我們要先了解迭代器Iterator
2022-10-10
JavaScript+html5 canvas實現(xiàn)本地截圖教程
這篇文章主要為大家詳細介紹了JavaScript+html5 canvas實現(xiàn)本地截圖教程，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-02-02
Electron無邊框自定義窗口拖動的問題小結(jié)
最近使用了electron框架,發(fā)現(xiàn)如果自定義拖動是比較實用的;特別是定制化比較高的項目,如果單純的使用-webkit-app-region:?drag;會讓鼠標事件無法觸發(fā),這篇文章主要介紹了Electron無邊框自定義窗口拖動的問題小結(jié),需要的朋友可以參考下
2024-04-04
js中創(chuàng)建對象的幾種方式
本文主要介紹了js中創(chuàng)建對象的幾種方式。具有一定的參考價值，下面跟著小編一起來看下吧
2017-02-02
js調(diào)用父框架函數(shù)與彈窗調(diào)用父頁面函數(shù)的簡單方法
下面小編就為大家?guī)硪黄猨s調(diào)用父框架函數(shù)與彈窗調(diào)用父頁面函數(shù)的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
原生JS實現(xiàn)天氣預報
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)天氣預報，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-06-06