首页 > 解决方案 > Kendo UI PanelBar使用dataSource给出堆栈溢出js错误

问题描述

当我使用以下代码时(从 URL 返回 JSON):

<ul id="vacancies"/>

<script>
    
        var dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "/MemberBack/GetVacancies",
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    id: "VacancyId",
                    hasChildren: false
                }
            }
        });

        $('#vacancies').kendoPanelBar({
            dataSource: dataSource
        });
    
    
</script>

我得到:

在此处输入图像描述

它肯定是调用返回列表的服务器端,当我尝试绑定它时它只会出错。

标签: kendo-uikendo-panelbar

解决方案


PanelBar 在内部使用 HierarchicalDataSource。我注意到您已经设置了平面数据源。将 DataSource 更新为 HierarchicalDataSource:

var dataSource = new kendo.data.HierarchicalDataSource

这是一个更新的示例:

道场


推荐阅读