jstree单选功能的实现方法

在选择部门时，因为每个人只有一个部门，因此要实现单选。

在jstree的core里加入 “

multiple”: false

注意是写在core

如下所示

'plugins': ["wholerow", "checkbox", "types"],
'core': {
"multiple": false,//单选
"themes": {
"responsive": false
},

如果只选择子节点的话，这样实现是没有问题的。

注意：如果选择父节点的话，还是会选中下面的子节点

如果想选择父节点时不全选子节点，就需要加上下面这句

"checkbox": {
"three_state": false
},

注意这个是和plugins，core平级的

'plugins': ["wholerow", "checkbox", "types"],
'checkbox': {
"three_state": false//父子级不关联选中
},
'core': {
"multiple": false,//单选
"themes": {
"responsive": false
},

效果如下：

这是可以看到选中了父节点，子节点已经不会选中了。

您可能感兴趣的文章:

• jstree的简单实例
• jstree创建无限分级树的方法【基于ajax动态创建子节点】
• jquery下jstree简单应用 - v1.0
• jquery.jstree 增加节点的双击事件代码
• 基于jsTree的无限级树JSON数据的转换代码
• JQery jstree 大数据量问题解决方法
• jsTree树控件(基于jQuery, 超强悍)[推荐]