Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript KendoUI TreeView动态JSON_Javascript_Jquery_Json_Telerik_Kendo Ui - Fatal编程技术网

Javascript KendoUI TreeView动态JSON

Javascript KendoUI TreeView动态JSON,javascript,jquery,json,telerik,kendo-ui,Javascript,Jquery,Json,Telerik,Kendo Ui,我正试图使用Telerik提供的KendoUI,并从通用处理程序获取一个树状视图来绑定到动态JSON 在我的通用处理程序中,我使用Newtonsoft.Json将列表转换为Json结果,这非常有效,甚至可以与不同的KendoUI控件(图表)一起使用 以下是关于构建treeview的javascript的内容: var treeSource = new kendo.data.DataSource({ transport: {

我正试图使用Telerik提供的KendoUI,并从通用处理程序获取一个树状视图来绑定到动态JSON

在我的通用处理程序中,我使用Newtonsoft.Json将列表转换为Json结果,这非常有效,甚至可以与不同的KendoUI控件(图表)一起使用

以下是关于构建treeview的javascript的内容:

var treeSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "Services/CategoryHandler.ashx",
                        dataType: "json",
                        contentType: "application/json; charset=utf-8",
                        type: "GET"
                    }
                }
            });

            $("#treeview").kendoTreeView({
                dataSource: treeSource
            });
下面是返回的JSON的一个简短示例:

[
   {
      "text":"Node 1",
      "expanded":true,
      "items":null
   },
   {
      "text":"Node 2",
      "expanded":true,
      "items":null
   }
]
“项目”将是树中的子集合

当我将项目直接添加到数据源时,例如:

var treeview = $("#treeview").kendoTreeView({
                            dataSource: [
                                { text: "Item 1", expanded: true, items: [
                                    { text: "Item 1.1" },
                                    { text: "Item 1.2" },
                                    { text: "Item 1.3" }
                                ] },
                                { text: "Item 2", items: [
                                    { text: "Item 2.1" },
                                    { text: "Item 2.2" },
                                    { text: "Item 2.3" }
                                ] },
                                { text: "Item 3" }
                            ]
                        })
它很好用。当我调用一个写出JSON的服务时,它就不工作了,我的意思是它不工作,没有数据显示,它是空的

对于我可能遗漏的内容有什么想法,或者对于如何验证我的数据是否从服务返回,甚至如何正确填充我的数据源有什么指导吗


非常感谢,因为2012年11月8日KendoUI已经支持它了


Kendo TreeView还不支持绑定到数据源。好消息是,这已经在计划中,很快就会实施(下一个版本)。

这对我来说有一个窍门。我在控制器上使用Json序列化的动态ViewBag,因此,节点的绘制非常出色

我的问题是,这些活动似乎不起作用。例如,我想捕捉onDrop并发出警报以显示此类节点的实际值,而不是显示所有节点的文本。顺便说一句,这让我快发疯了

这是我的代码,希望能帮助别人

    function onDrop(e) {
        alert(treeView.text(e.sourceNode));
    }
必须分配模板才能工作:

template: "<span rel='#= item.Id #'> #=item.text #</span>",
模板:“#=item.text#”,

好的,谢谢。我找到了一个解决方法,在那里我执行了$.ajax GET,并使用字符串结果绑定到树视图。我期待着KendoUI更新:)再次感谢。KendoUI网格是否绑定到HttpHandler?