jstree单选功能的实现方法


Posted in Javascript onJune 07, 2017

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

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

注意是写在core

如下所示

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

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

jstree单选功能的实现方法

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

jstree单选功能的实现方法

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

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

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

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

效果如下:

jstree单选功能的实现方法

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

Javascript 相关文章推荐
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
javascript的数组和常用函数详解
May 09 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 Javascript
jQuery 3.0十大新特性最终版发布
Jul 14 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
使用Vue-Router 2实现路由功能实例详解
Nov 14 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
vue权限管理系统的实现代码
Jan 17 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 #jQuery
webpack打包单页面如何引用的js
Jun 07 #Javascript
vue使用Axios做ajax请求详解
Jun 07 #Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 #Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 #Javascript
详解vue-cli开发环境跨域问题解决方案
Jun 06 #Javascript
JS实现微信里判断页面是否被分享成功的方法
Jun 06 #Javascript
You might like
PHP使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
ASP Json Parser修正版
2009/12/06 Javascript
JS 文件传参及处理技巧分析
2010/05/13 Javascript
js函数调用常用方法详解
2012/12/03 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
详解关于微信setData回调函数中的坑
2019/02/18 Javascript
详解Vue.directive 自定义指令
2019/03/27 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
vue-router为激活的路由设置样式操作
2020/07/18 Javascript
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
Python脚本简单实现打开默认浏览器登录人人和打开QQ的方法
2016/04/12 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
利用python读取YUV文件 转RGB 8bit/10bit通用
2019/12/09 Python
500行python代码实现飞机大战
2020/04/24 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
python基于pygame实现飞机大作战小游戏
2020/11/19 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
《雨点》教学反思
2014/02/12 职场文书
庆元旦迎新年广播稿
2014/02/18 职场文书
高校教师自荐信范文
2014/03/13 职场文书
春节超市活动方案
2014/08/14 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
党员公开承诺书2015
2015/01/21 职场文书