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 相关文章推荐
ParseInt函数参数设置介绍
Jan 02 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
Aug 21 Javascript
jQuery实现简单的文件上传进度条效果
Mar 26 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
Jun 21 Javascript
基于vue2.0+vuex的日期选择组件功能实现
Mar 13 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
一步步教你利用Canvas对图片进行处理
Sep 19 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
Nov 25 Javascript
详细分析Node.js 多进程
Jun 22 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&&mysql)一
2006/10/09 PHP
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
javascript多种数据类型表格排序代码分析
2010/09/11 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
AngularJS实现表单验证功能
2017/01/09 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
JavaScript适配器模式原理与用法实例详解
2020/03/09 Javascript
通过实例解析vuejs如何实现调试代码
2020/07/16 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
详解Python中列表和元祖的使用方法
2015/04/25 Python
Python发送email的3种方法
2015/04/28 Python
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
python实现随机加减法生成器
2020/02/24 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
举例讲解Python装饰器
2020/12/24 Python
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
建筑院校毕业生求职信
2014/06/13 职场文书
社区助残日活动总结
2014/08/29 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
三好学生事迹材料
2014/12/24 职场文书
勤俭节约倡议书范文
2015/04/29 职场文书
交通安全月活动总结
2015/05/08 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript
Java实现简单小画板
2022/06/10 Java/Android