css - Kendo treeview 展开 UI 重叠图标

Question

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

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

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(); 之前希望这对将来的人有所帮助。