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 相关文章推荐
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
Dec 03 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
Oct 12 Javascript
js DOM的学习笔记
Dec 22 Javascript
面向对象Javascript核心支持代码分享
May 23 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
May 25 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
Aug 10 Javascript
使用JS实现导航切换时高亮显示的示例讲解
Aug 22 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
Nov 12 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 5.3.0 安装分析心得
2009/08/07 PHP
PHP连接Access数据库的方法小结
2013/06/20 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
PHP-CGI远程代码执行漏洞分析与防范
2017/05/07 PHP
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
2018/09/21 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
python生成器generator用法实例分析
2015/06/04 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
python保存数据到本地文件的方法
2018/06/23 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
python之array赋值技巧分享
2019/11/28 Python
Pytorch 实现权重初始化
2019/12/31 Python
Python通过文本和图片生成词云图
2020/05/21 Python
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
机电一体化专业应届生求职信
2013/11/27 职场文书
学校食堂采购员岗位职责
2013/12/05 职场文书
出国考察邀请函
2014/01/21 职场文书
《乡愁》教学反思
2014/02/18 职场文书
小学教师寄语大全
2014/04/03 职场文书
学校标语大全
2014/06/19 职场文书