Events 如何在TreeView剑道ui上获取所选节点的数据?
通过单击treeview的节点,我需要检索远程数据加载的treeview数据Events 如何在TreeView剑道ui上获取所选节点的数据?,events,kendo-ui,treeview,Events,Kendo Ui,Treeview,通过单击treeview的节点,我需要检索远程数据加载的treeview数据 var homogeneous = new kendo.data.HierarchicalDataSource({ transport: { read: { url: '<c:url value="/welcome/list/"/>',
var homogeneous = new kendo.data.HierarchicalDataSource({
transport: {
read: {
url: '<c:url value="/welcome/list/"/>',
dataType: "json"
}
},
schema: {
model: {
hasChildren: "hasFiles",
children: "items"
}
}
});
var tv= $("#treeview").kendoTreeView({
dataSource: homogeneous,
dataTextField: "Name",
change:function(e){
// Need to retrive the "hasFiles" data on clicking the respective selected nodes of treeview
}
}
var均质=新建kendo.data.hierarchycalDataSource({
运输:{
阅读:{
url:“”,
数据类型:“json”
}
},
模式:{
型号:{
hasChildren:“hasFiles”,
儿童:“物品”
}
}
});
var tv=$(“#树视图”).kendoTreeView({
数据源:同质,
dataTextField:“名称”,
更改:功能(e){
//需要在单击treeview的各个选定节点时检索“hasFiles”数据
}
}
远程数据的JSON格式如下所示
[{“id”:“1”,“Name”:“five.txt”,“hasFiles”:false,“items”:[]},{“id”:“2”,“Name”:“one”,“hasFiles”:true,“items”:[{“id”:“3”,“Name”:“four”,“hasFiles”:true,“items”:[{“id”:“4”,“Name”:“four.txt”,“hasFiles”:false,“items”:[]}}}
])
我尝试使用select和change事件来完成,它只处理本地数据,而不处理远程数据。
select事件提供未定义的,而change事件甚至未被调用。奇怪的是,change事件在jsbin中有效,但在JSFIDLE和我的应用程序中无效。我在运行应用程序时未发现任何错误。
提前感谢。fiddle上的示例演示将非常有帮助。您的TreeView实例化代码将需要一个select事件,该select事件将以该事件为参数。然后,您将使用该事件对象获取所需的树视图数据
var tv= $("#treeview").kendoTreeView({
// other configuration code removed for brevity
select: function (e) {
e.preventDefault();
var tree = $('#treeview').data('kendoTreeView');
var dataItem = tree.dataItem(e.node);
// You will then have data item, and can use
// the properties for whatever you need to do
}
}
它与var item=this.dataItem(k.node)有何不同;