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 相关文章推荐
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
JavaScript使用FileReader实现图片上传预览效果
Mar 27 Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 Javascript
基于js中style.width与offsetWidth的区别(详解)
Nov 12 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
深入浅析Node环境和浏览器的区别
Aug 14 Javascript
详解webpack 热更新优化
Sep 13 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
Jan 11 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实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
详细解读PHP中接口的应用
2015/08/12 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
ASP中Sub和Function的区别说明
2020/08/30 Javascript
JS target与currentTarget区别说明
2011/08/28 Javascript
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
2015/12/26 Javascript
easyui validatebox验证
2016/04/29 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
js css自定义分页效果
2017/02/24 Javascript
angular使用post、get向后台传参的问题实例
2017/05/27 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
Vue官网todoMVC示例代码
2018/01/29 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
Python中请使用isinstance()判断变量类型
2014/08/25 Python
Python字符串详细介绍
2015/05/09 Python
Python logging管理不同级别log打印和存储实例
2018/01/19 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
python爬虫爬取监控教务系统的思路详解
2020/01/08 Python
解决python replace函数替换无效问题
2020/01/18 Python
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
培训讲师邀请函
2014/01/10 职场文书
创业者迈进成功第一步:如何写创业计划书?
2014/03/22 职场文书
三八活动策划方案
2014/08/17 职场文书
2014年行政后勤工作总结
2014/12/06 职场文书
2014年结对帮扶工作总结
2014/12/17 职场文书
召开会议通知范文
2015/04/15 职场文书
2016小学新学期寄语
2015/12/04 职场文书