将 Json 结果绑定到剑道树视图答案

【问题标题】：Binding Json result to kendo treeview将 Json 结果绑定到剑道树视图
【发布时间】：2015-02-14 15:37:54
【问题描述】：

我的 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 结果绑定到剑道树视图，如 .cshtml 中的以下代码

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

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

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

<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

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

【问题讨论】：

标签： json performance kendo-ui treeview

【解决方案1】：

您是否检查过以下演示：

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

【讨论】：