stree中添加checkbox，需要在初始化时设置plugins属性：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
$('#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属性。
|
1
2
3
4
5
6
7
8
|
$('#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); }); }); |
只能选择一个节点，可用于类似下拉框中的选择。