css - 剑道树形视图展开 UI 重叠图标

Question

我有一个 Kendo UI 树视图，其中包含一些节点，我通过触发 ajax 调用并返回一个数据数组来加载子节点。这工作正常，我得到数据并将其绑定到树。

但是，问题发生在第一次扩展节点之后，当我第一次扩展节点时，树的行为正确并且一切都很好，但是如果我再次折叠并扩展节点，树不会向下推其他节点并且展开的节点与树中的所有其他图标重叠。

Expanded on first run

Second Expand

这发生在我在第二次运行时扩展的所有节点上。

这是我用来构建树的代码

$('#all-library-tree').kendoTreeView({
        loadOnDemand: true,
        dataSource: _masterTreeViewMasterObj.sort().reverse(), // top level nodes
        dataTextField: "text",
        expand: function (e) {
            var treeView = $('#all-library-tree').data('kendoTreeView');
            var dataItem = treeView.dataItem(e.node);
            dataItem.load();

            if (dataItem.children.data().length !== 0) return;


            if (dataItem.id === -1) {
                //get unused data children for node 
                GetUnUsedChildrenForRHSTree(dataItem.text, dataItem.children);
            }

        }
    });

Answer 1

所以我能够通过添加 dataItem.loaded("false"); 来解决这个问题。就在 dataItem.load(); 之前 希望这对将来的某人有所帮助。