jsTree 在第二次刷新时失败

Question

我正在使用 jsTree 插件，发现在我第二次调用 refresh() 时，树将保持错误/加载状态。这是代码：

.on('changed.jstree', function (e, data) {
    var i, j, selectedNode;
    selectedNode = data.node;
    currentlySelectedNodeGUID = selectedNode.id;
    //for (i = 0, j = data.selected.length; i < j; i++) {
    //    selectedNode = data.instance.get_node(data.selected[i]);
    //    currentlySelectedNodeGUID = selectedNode.id;
    //}
    $.ajax({
        url: '@Url.Action("LocationProperties","Location")',
        type: 'GET',
        data: { id: currentlySelectedNodeGUID },
        success: function (result) {
            $('#locationPropertiesPartial').html(result);
        },
        error: function (e) {
            alert(e);
        }
    });
});

我发现的唯一问题是出现此错误 Uncaught TypeError: Cannot read property 'id' of undefined 在这一行 currentlySelectedNodeGUID = selectedNode.id;.

但是数据在那里，data.node 确实包含一个 ID 属性并且它确实有一个值，该值被分配给 currentlySelectedNodeGUID。

我完全不知道为什么会这样。有什么帮助吗？

Answer 1

当您调用 refresh() 时，您当前选择的节点被取消选择，这会触发 changed 事件。当没有选择节点时data.node是null（或undefined）。这就是 data.node.id 也是 undefined 的原因。刷新树后，再次选择节点，再次触发 changed - 这次节点对象可用。

因此，在发送 ajax 查询之前，您需要检查是否确实选择了一个节点。

Answer 2

赋值前判断data.node或data.selected是否为null， jstree刷新时不要报错，需要时随时刷新

if (data.node != null) {
   var dataid = data.node.id;
}

jsTree 在第二次刷新时失败

jsTree fails on second refresh

javascript

jquery

jstree