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陷阱题
Feb 07 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
Node.js的Koa框架上手及MySQL操作指南
Jun 13 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
老生常谈ES6中的类
Jul 31 Javascript
jsTree事件和交互以及插件plugins详解
Aug 29 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 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
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
关于php连接mssql:pdo odbc sql server
2011/07/20 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
JS 实现完美include载入实现代码
2010/08/05 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
微信小程序 按钮滑动的实现方法
2017/09/27 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
jQuery实现的隔行变色功能【案例】
2019/02/18 jQuery
Python列表常见操作详解(获取,增加,删除,修改,排序等)
2019/02/18 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
Allsole美国/加拿大:英国一家专门出售品牌鞋子的网站
2018/10/21 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
优秀共产党员演讲稿
2014/09/04 职场文书
商务司机岗位职责
2015/04/10 职场文书
Python基础详解之邮件处理
2021/04/28 Python
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle
SQL Server中锁的用法
2022/05/20 SQL Server