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 相关文章推荐
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
vue数据双向绑定原理解析(get & set)
Mar 08 Javascript
js中作用域的实例解析
Mar 16 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 Javascript
js实现select下拉框选择
Jan 11 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
微信小程序反编译的实现
Dec 10 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类的注册与自动加载
2013/07/05 PHP
PHP微信支付实例解析
2016/07/22 PHP
零基础php编程好学吗
2019/10/11 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
2014/08/20 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
javascript每日必学之继承
2016/02/23 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
vue-router 组件复用问题详解
2018/01/22 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
下载给定网页上图片的方法
2014/02/18 Python
python中的格式化输出用法总结
2016/07/28 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
2020/05/22 Python
python MD5加密的示例
2020/10/19 Python
html+css3实现的登录界面
2020/12/09 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
环保建议书
2014/03/12 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
公关活动策划方案
2014/05/25 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
工作推荐信模板
2015/03/25 职场文书
讲文明倡议书
2015/04/29 职场文书
让世界充满爱观后感
2015/06/10 职场文书
2016年党员承诺书范文
2016/03/24 职场文书