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左侧多级菜单动态的解决方案
Feb 01 Javascript
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
vue.js选中动态绑定的radio的指定项
Jun 02 Javascript
详解AngularJS 模块化
Jun 14 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
微信小程序登录态和检验注册过没的app.js写法
May 22 Javascript
vue实现图片上传到后台
Jun 29 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 Javascript
JS实现页面侧边栏效果探究
Jan 08 Javascript
vue组件vue-esign实现电子签名
Apr 21 Vue.js
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 Ubb代码编辑器函数代码
2012/07/05 PHP
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
Symfony查询方法实例小结
2017/06/28 PHP
javascript中的几个运算符
2007/06/29 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
js Array.slice的8种不同用法示例
2019/07/10 Javascript
node-red File读取好保存实例讲解
2019/09/11 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
python共享引用(多个变量引用)示例代码
2013/12/04 Python
在Python的Django框架中编写错误提示页面
2015/07/22 Python
python安装twisted的问题解析
2018/08/21 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
python命令行工具Click快速掌握
2019/07/04 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
英国网上花店:Bunches
2016/11/29 全球购物
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
Solaris操作系统的线程机制
2015/07/28 面试题
大学毕业的自我鉴定
2013/10/08 职场文书
会计自荐书
2013/12/02 职场文书
计算机专业毕业生自荐信
2013/12/31 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
工人先锋号申报材料
2014/12/29 职场文书
大学生入党自荐书
2015/03/05 职场文书
培训通知书模板
2015/04/17 职场文书
世界文化遗产导游词
2019/08/07 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle