Javascript KendoUI TreeView动态JSON
我正试图使用Telerik提供的KendoUI,并从通用处理程序获取一个树状视图来绑定到动态JSON 在我的通用处理程序中,我使用Newtonsoft.Json将列表转换为Json结果,这非常有效,甚至可以与不同的KendoUI控件(图表)一起使用 以下是关于构建treeview的javascript的内容: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: {
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?