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 div层的放大与缩小简单实现代码
Mar 28 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
Apr 07 Javascript
验证控件与Button的OnClientClick事件详细解析
Dec 04 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
Lab.js初次使用笔记
Feb 28 Javascript
JavaScript中的Math.LN2属性用法详解
Jun 12 Javascript
javascript防篡改对象实例详解
Apr 10 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
js学习心得_一个简单的动画库封装tween.js
Jul 14 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
JS中的模糊查询功能
Dec 08 Javascript
微信jssdk踩坑之签名错误invalid signature
May 19 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
使用Xdebug调试和优化PHP程序之[1]
2007/04/17 PHP
PHP中__get()和__set()的用法实例详解
2013/06/04 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
7个Javascript地图脚本整理
2009/10/20 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
jQuery Ajax调用WCF服务详细教程
2015/03/31 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
JS module的导出和导入的实现代码
2019/02/25 Javascript
如何在JavaScript中创建具有多个空格的字符串?
2020/02/23 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
[02:27]2018DOTA2亚洲邀请赛趣味视频之钓鱼大赛 谁是垂钓冠军?
2018/04/05 DOTA
python多线程操作实例
2014/11/21 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
解决新django中的path不能使用正则表达式的问题
2018/12/18 Python
解决Python中pandas读取*.csv文件出现编码问题
2019/07/12 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
Python内存映射文件读写方式
2020/04/24 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
如何用canvas实现在线签名的示例代码
2018/07/10 HTML / CSS
澳大利亚Mocha官方网站:包、钱包、珠宝和配饰
2019/07/18 全球购物
Android自定义scrollview实现回弹效果
2022/04/01 Java/Android
baselines示例程序train_cartpole.py的ImportError
2022/05/20 Python
Redis实现短信验证码登录的示例代码
2022/06/14 Redis
JS前端轻量fabric.js系列之画布初始化
2022/08/05 Javascript