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 页面 Mask实现代码
Jan 09 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
JavaScript遍历table表格中的某行某列并打印其值
Jul 08 Javascript
JavaScript动态创建form表单并提交的实现方法
Dec 10 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
vue使用swiper.js重叠轮播组建样式
Nov 14 Javascript
Js代码中的span拼接问题解决
Nov 22 Javascript
JS函数本身的作用域实例分析
Mar 16 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实现上传图片文件代码
2015/07/19 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
php时间戳转换代码详解
2019/08/04 PHP
php并发加锁问题分析与设计代码实例讲解
2021/02/26 PHP
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
2013/03/01 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
NodeJS父进程与子进程资源共享原理与实现方法
2018/03/16 NodeJs
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
Python 保存加载mat格式文件的示例代码
2020/08/04 Python
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
遇到的Mysql的面试题
2014/06/29 面试题
专科毕业生就业推荐信
2013/11/01 职场文书
生日宴会答谢词
2014/01/09 职场文书
前处理组长岗位职责
2014/03/01 职场文书
治超工作实施方案
2014/05/04 职场文书
毕业生面试求职信
2014/06/23 职场文书
2014年局领导班子自身建设情况汇报
2014/11/21 职场文书
各类场合主持词开场白范文集锦
2019/08/16 职场文书
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL
js基础语法与maven项目配置教程案例
2021/07/15 Javascript
教你在 Java 中实现 Dijkstra 最短路算法的方法
2022/04/08 Java/Android