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 CSS画图之基础篇
Jul 29 Javascript
javascript prototype原型操作笔记
Dec 07 Javascript
js下通过getList函数实现分页效果的代码
Sep 17 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
jQuery实现预加载图片的方法
Mar 17 Javascript
使用jquery实现仿百度自动补全特效
Jul 23 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 Javascript
JS实现图片平面旋转的方法
Mar 01 Javascript
简化版的vue-router实现思路详解
Oct 19 Javascript
Vue页面刷新记住页面状态的实现
Dec 27 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 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
写一个用户在线显示的程序
2006/10/09 PHP
php 缩略图实现函数代码
2011/06/23 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
让焦点自动跳转
2006/07/01 Javascript
Prototype使用指南之string.js
2007/01/10 Javascript
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
Js sort排序使用方法
2011/10/17 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
jQuery实现键盘回车搜索功能
2017/07/25 jQuery
利用js给datalist或select动态添加option选项的方法
2018/01/25 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
分享Python文本生成二维码实例
2016/01/06 Python
基于Python os模块常用命令介绍
2017/11/03 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
python实现多层感知器
2019/01/18 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
python 提高开发效率的5个小技巧
2020/10/19 Python
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
产品推广策划方案
2014/05/10 职场文书
学前班学生评语
2014/12/29 职场文书
工作经验交流材料
2014/12/30 职场文书
医德医风自我评价2015
2015/03/03 职场文书
结婚堵门保证书
2015/05/08 职场文书
培养联系人考察意见
2015/06/01 职场文书
仙境之桥观后感
2015/06/16 职场文书
银行资信证明
2015/06/17 职场文书
运动会3000米加油稿
2015/07/21 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
Windows和Linux上部署Golang并运行程序
2022/04/22 Servers
详解OpenCV曝光融合
2022/04/29 Python