kendo-ui - 当树很大时,在kendo treeView中展开/折叠文件夹很慢

标签 kendo-ui treeview kendo-treeview

我正在用 Kendo treeView 创建一棵树,如下所示:

  const treeViewOptions: kendo.ui.TreeViewOptions = {
        dataBound: (e: kendo.ui.TreeViewDataBoundEvent): void => {
            // Add class to the treeItem that is a folder to distiguish between leaf and folder.
            const treeItem = $(this.treeViewElementId + ' .k-item:has(.k-group)');

            if (treeItem.length > 0) {
                treeItem.addClass("folder-tree-item");
            }
        },

        dataSource: new kendo.data.HierarchicalDataSource({
            sort: { field: "text", dir: "asc" },
            transport: {
                read: (options: kendo.data.DataSourceTransportOptions) => { this.onLoadFolder(options); }
            },
            schema: {
                model: {
                    id: "id",
                },
            }
        }),

        dataSpriteCssClassField: "iconClass",

        template:

            // Text - I have a template here.


        // Make all nodes load automatically before expanding
        loadOnDemand: false,

        // Apply scrolling when item focus changes
        navigate: (e) => { this.onNavigate(e); },}

当我展开或折叠节点时,这需要很长时间才能打开/关闭文件夹。

我应该怎么办?
谢谢

最佳答案

另一个 question 中已经讨论了解决方案,基本上您需要更新 kendo ui 或按照问题答案中给出的步骤进行操作。

希望这对你有帮助:)

关于kendo-ui - 当树很大时,在kendo treeView中展开/折叠文件夹很慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51298937/

相关文章:

c# - 如何使用 ICollectionView 过滤 wpf TreeView 层次结构?

python - 隐藏空的父文件夹 QTreeView/QFileSystemModel

json - 如何在 Angular 5 中使用嵌套的 JSON 数据填充多级 Kendo Treeview

javascript - 在 Kendo UI Treeview 项目旁边添加图像不起作用

javascript - 在运行时更改 Kendo 窗口标题的工具提示

javascript - 当 Kendo 网格为空时在其内显示一条消息

javascript - Typescript Kendo UI 网格列类型错误

javascript - Kendo treeview expandPath 方法

wpf - CollectionViewSource : TreeView not updating, ViewModel 看起来不错

kendo-ui - 从下拉列表中选择的 Kendo Treeview 值