events - 如何在TreeView kendo ui上获取选定节点的数据？

Question

通过单击 treeview 的节点，我需要检索由远程数据加载的 treeview 数据。

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 
} 
}

我的远程数据的 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","名称":"four.txt","hasFiles":false,"items":[]}]}]}
];

我尝试使用 select 和 change 事件来完成，它仅适用于本地数据而不适用于远程数据。
select 事件给出未定义，而更改事件甚至没有被调用。奇怪的是，更改事件在 jsbin 中有效，但在 jsfiddle 和我的应用程序中无效。运行应用程序时我没有发现任何错误。
提前致谢。关于 fiddle 的示例演示将是一个很大的帮助..

Answer 1

您的 TreeView 实例化代码将需要一个 select 事件，该 select 事件将把该事件作为参数。然后您将使用该事件对象来获取您需要的 TreeView 数据。

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

                 }
}