JsTree中节点添加CheckBox 以及单选的实现

stree中添加checkbox，需要在初始化时设置plugins属性：

$('#DpTree').data('jstree', false).empty().jstree({

'core': {

'data': data.data,

"check_callback": true,

'multiple': false,

},

"force_text": true,

plugins: ["sort", "types", "checkbox", "themes", "html_data"],

"checkbox": {

"keep_selected_style": false,//是否默认选中

"three_state": false,//父子级别级联选择

"tie_selection": false

},

});

　　eg:设置three_state为true时，选择所有子节点后父节点会自动选择。

我的需求是选择一个节点绑定给其他数据，节点只能选择一个，且不可重复。

故，添加如下事件，选择节点后遍历所有选中的节点，更改其checkbox属性。

$('#DpTree').on('check_node.jstree', function(event, obj) {

var ref = $('#DpTree').jstree(true);

var nodes = ref.get_checked(); //使用get_checked方法

$.each(nodes, function(i, nd) {

if (nd != obj.node.id)

ref.uncheck_node(nd);

});

只能选择一个节点，可用于类似下拉框中的选择。

转载于:https://www.cnblogs.com/telwanggs/p/7444855.html

JsTree中节点添加CheckBox 以及单选的实现相关推荐

Android在listview添加checkbox实现单选多选操作问题
android根据View的不同状态更换不同的背景 http://www.eoeandroid.com/thread-198029-1-1.html android 模仿朋友网推出的菜单效果[改进版] ...
html 单选打勾效果,checkbox 实现单选效果（html）
note:在html 标签类中的checkbox实现单选效果. 在最近的开发项目中,客户要求使用小方格子实现"单选"功能,显然圆点的radio被out了,只能选择chckbox的方 ...
Winform DataGridView单元格中动态添加多个控件
简介: 在DataGridView的单元格中动态添加多个控件.例如在DataGridViewTextBox单元格中,添加CheckBox和Button控件.主题思路就是一个动态控件的大小,位置,显示, ...
winform中treeview控件实现部分节点显示checkbox
用过asp.net的应该知道,要在treeview中实现上述功能可以使用ShowCheckBox 属性指定那些节点显示checkbox哪些不显示,可是winform中的treeview只提供一个Sho ...
sql server父节点_将新节点添加到现有SQL Server Always On可用性组中
sql server父节点 This is the 5th article in the series of a comprehensive guide to SQL Server Always On ...
jsTree添加给节点添加自定义属性
遇到一个jsTree节点添加自定义属性的问题的在节点中添加"a_attr":{"href":"qwqwe"} 就可以了 demo [&q ...
winform 中给DataGridView的表头添加CheckBox
在C/S架构中,给DataGridView的表头添加CheckBox控件: 添加类: /// <summary> /// 给DataGridView添加全选 /// </summar ...
SpriteBuilder中不能编辑自定义类或不能给节点添加属性的解决
不能编辑自定义类你选中一个Sub File(CCBFile)节点,在这个例子中,该节点的Custom class区域灰化禁用且不能修改.这是因为你需要在该Sub File引用的CCB文件中修改Cus ...
Hadoop学习笔记—13.分布式集群中节点的动态添加与下架
Hadoop学习笔记-13.分布式集群中节点的动态添加与下架开篇:在本笔记系列的第一篇中,我们介绍了如何搭建伪分布与分布模式的Hadoop集群.现在,我们来了解一下在一个Hadoop分布式集群中,如 ...

JsTree中节点添加CheckBox 以及单选的实现

JsTree中节点添加CheckBox 以及单选的实现相关推荐

最新文章

热门文章

JsTree中节点添加CheckBox 以及 单选的实现

JsTree中节点添加CheckBox 以及 单选的实现相关推荐

最新文章

热门文章

JsTree中节点添加CheckBox 以及单选的实现

JsTree中节点添加CheckBox 以及单选的实现相关推荐