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
 },

效果如下:

这里写图片描述

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

相关文章

  • JS实现图片延迟加载并淡入淡出效果的简单方法

    JS实现图片延迟加载并淡入淡出效果的简单方法

    我们大家都知道,对于一个网站最占用带宽,最影响页面显示速度的东西就是图片。图片是很重要的,作为一个站长我们是千方百计的使用各种技巧来优化图片,但其实有一种简单的方法,只需要几行代码就能达到这种效果。同时还附加一种淡入淡出的显示效果,下面一起来看看。
    2016-08-08
  • typescript中声明合并介绍

    typescript中声明合并介绍

    这篇文章主要介绍了typescript中声明合并介绍,类型合并表明编译器将合并两个分开的并且名称相同的声明,合并之后的声明拥有两个声明的特点,任意数量的声明可以被合并,不仅限两个,更多相关内容需要的朋友可以参考下面文章内容
    2022-09-09
  • 详述JavaScript实现继承的几种方式(推荐)

    详述JavaScript实现继承的几种方式(推荐)

    这篇文章主要介绍了详述JavaScript实现继承的几种方式(推荐)的相关资料,需要的朋友可以参考下
    2016-03-03
  • 微信小程序实现IP归属地获取功能

    微信小程序实现IP归属地获取功能

    在日常开发中,后端主要提供数据以及处理业务逻辑,前端主要提供页面布局以及数据展示。本文主要介绍如何实现一个简单获取IP归属地的小程序,感兴趣的可以了解一下
    2022-09-09
  • 前端如何控制并发请求举例详解

    前端如何控制并发请求举例详解

    在项目中我们会遇到一次请求多个接口,当所有请求结束后进行操作,也会遇到多个请求(大量)同时进行请求资源,这篇文章主要给大家介绍了关于前端如何控制并发请求举例的相关资料,需要的朋友可以参考下
    2024-09-09
  • uniapp开发App出现网络异常的解决方法

    uniapp开发App出现网络异常的解决方法

    这篇文章主要给大家介绍了uniapp开发App出现网络异常的解决方案,文中有相关的解决方法和步骤,具有一定的参考价值,需要的朋友可以参考下
    2023-09-09
  • 公众号SVG动画交互实战代码

    公众号SVG动画交互实战代码

    这篇文章主要介绍了公众号SVG动画交互实战代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • 将Sublime Text 3 添加到右键中的简单方法

    将Sublime Text 3 添加到右键中的简单方法

    下面小编就为大家分享一篇将Sublime Text 3 添加到右键中的简单方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • js简单实现标签云效果实例

    js简单实现标签云效果实例

    这篇文章主要介绍了js简单实现标签云效果,基于miaov.js文件实现标签云的3D滚动效果,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • js防止DIV布局滚动时闪动的解决方法

    js防止DIV布局滚动时闪动的解决方法

    这篇文章主要介绍了js防止DIV布局滚动时闪动的解决方法,通过js的window.requestAnimationFrame来解决这一问题,非常具有实用价值,需要的朋友可以参考下
    2014-10-10

最新评论