jstree单选功能的实现方法

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

这篇文章主要介绍了 jstree单选功能的实现方法,需要的朋友可以参考下

在选择部门时，因为每个人只有一个部门，因此要实现单选。

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

注意是写在core

如下所示

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

如果只选择子节点的话，这样实现是没有问题的。

这里写图片描述

注意：如果选择父节点的话，还是会选中下面的子节点

这里写图片描述

如果想选择父节点时不全选子节点，就需要加上下面这句

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

注意这个是和plugins，core平级的

'plugins': ["wholerow", "checkbox", "types"],
'checkbox': {
     "three_state": false//父子级不关联选中
 },
'core': {
   "multiple": false,//单选
   "themes": {
   "responsive": false
 },

效果如下：

这里写图片描述

这是可以看到选中了父节点，子节点已经不会选中了。

您可能感兴趣的文章:

JavaScript函数中的this四种绑定形式
javascript中的this和函数息息相关，所以今天，我就给大家详细地讲述一番：javascript函数中的this ,需要的朋友可以参考下
2017-08-08
layer.alert回调函数执行关闭弹窗的实例
今天小编就为大家分享一篇layer.alert回调函数执行关闭弹窗的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
Bootstrap学习笔记之css组件(3)
这篇文章主要为大家详细介绍了bootstrap学习笔记中的css组件，感兴趣的小伙伴们可以参考一下
2016-06-06
JavaScript获取当前url路径过程解析
这篇文章主要介绍了JavaScript获取当前url路径过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
原生JS封装拖动验证滑块的实现代码示例
这篇文章主要介绍了原生JS封装拖动验证滑块的实现代码示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-06-06
利用JS实现页面删除并重新排序功能
这篇文章主要介绍了利用JS实现页面删除并重新排序功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-12-12
Javascript读取json文件方法实例总结
json文件是一种轻量级的数据交互格式,下面这篇文章主要给大家介绍了关于Javascript读取json文件方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
JavaScript 学习笔记（四）
今天继续学习JS中的对象，昨天学完了本地对象中的两个重要对象Array和Date。今天看下内置对象Global对象和Math对象。
2009-12-12
Swiper实现轮播图效果
这篇文章主要为大家详细介绍了Swiper实现轮播图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-07-07
Html和JS字符串中间加空格的简单实例
最近遇到了个需求,需要在字符串的中间加上一两个字符串,所以下面这篇文章主要给大家介绍了关于Html和JS字符串中间加空格的相关资料,文中介绍的挺详细,需要的朋友可以参考下
2023-02-02