Question

我有json结果，如下所示（如在JSON查看器中）

{
     - parents: [
              -   {
                   empname: "mjhdakj",
                -  child1Obj: {
                       empid: 1,
                    -  emp: {
                              EmployeeId: 1,
                              FirstName: "mjhdakj",
                              LastName: ",dkja",
                              ColorVariable: 0,
                             ColorValue: null
                             }
                    }
                 },
              -  {
                      empname: "hmgsjh",
                 -    child1Obj: {
                          empid: 2,
                    -     emp: {
                                 EmployeeId: 2,
                                 FirstName: "hmgsjh",
                                 LastName: ",khfs ",
                                 ColorVariable: 0,
                                 ColorValue: null
                               }
                       }
                   }
     ]
}

现在我尝试将此JSON结果绑定到kendo树视图，如下面的.cshtml中的代码

@(Html.Kendo().TreeView()
    .Name("treeview")
    .DataTextField("parents")
    .DataSource(dataSource => dataSource
        .Read(read => read
            .Action("empTreeViewData", "Employee")
        )
    )
)

其中empTreeViewData是控制器方法，它提供JSON结果，Employee是我的控制器。在尝试绑定我的JSON数据时，我在浏览器的开发人员工具的控制台中收到“Uncaught TypeError：undefined不是函数”的错误。

我也尝试使用下面的代码进行绑定。但它没有用。

<script type="text/javascript">  
    $(document).ready(function () {     
        $.getJSON("/Employee/empTreeViewData", function (data) {
           // alert(JSON.stringify(data));

            var tv = $("#treeview").kendoTreeView({
                checkboxes: {
                    checkChildren: true
                },
                dataSource: data
            }).data("kendoTreeView");
        })   
    });
</script>
<div id="treeview"></div>

所有代码都是用.cshtml和Razor View引擎编写的。我还提到了以下链接： Kendo Treeview with remote datasource issue

并对此进行了大量研究。请任何人都可以帮助我。提前致谢

Answer 1

您是否检查过以下演示：

http://demos.telerik.com/kendo-ui/treeview/remote-data-binding

将Json结果绑定到kendo树视图

1 个答案: