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通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
Oct 28 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
理解javascript中的with关键字
Feb 15 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 Javascript
JS实现滑动拼图验证功能完整示例
Mar 29 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
vue将data恢复到初始状态 && 重新渲染组件实例
Sep 04 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 Javascript
关于element的表单组件整理笔记
Feb 05 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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
PHP5 字符串处理函数大全
2010/03/23 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
vue 标签属性数据绑定和拼接的实现方法
2018/05/17 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
TensorFlow Session会话控制&Variable变量详解
2018/07/30 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
意大利会呼吸的鞋:Geox健乐士
2017/02/12 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
公司中层干部的自我评价分享
2014/03/01 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
表扬稿格式范文
2015/01/16 职场文书
销售督导岗位职责
2015/04/10 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
战马观后感
2015/06/08 职场文书
高二语文教学反思
2016/02/16 职场文书
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android