如何分别使用复选框选中、未选中和 select_node 事件

Question

我正在使用 JSTree 并处理一个场景，在该场景中，我必须对节点的选中、未选中和选择事件执行不同的操作。 “select_node”工作得很好，因为我只需要那里的节点详细信息，但我需要在 check_node 和 uncheck_node 事件上检查节点的正确列表。

check_node 如果选择了根及其所有子项，则“data.selected.length”返回 1，但我想要完整列表。

取消选中节点 取消选中根在取消选中节点之前返回已检查节点的长度这里我需要在取消选中它们后获取已检查节点的长度

<a href="http://jsfiddle.net/mL7bna1p/">Code on JSFiddle</a>

Answer 1

我认为不同的功能将解决您的问题。使用 get_checked 函数代替 get_selected：

$('#jstree').on("check_node.jstree", function (e, data) 
{
   //var selectedNode = $(jstree).jstree().get_selected(true);
   var selectedNodes = $(jstree).jstree().get_checked();
   alert("Checked: "+ selectedNodes.length);
});

$('#jstree').on("uncheck_node.jstree", function (e, data) 
{
   //var selectedNode= $('#jstree').jstree(true).get_selected('full',true);
   var selectedNodes = $(jstree).jstree().get_checked();
   alert("Checked: "+ selectedNodes.length);
});