Get/update data from selected TreeView node

[Lutz]

Hi,

I have a treeview which gets data from an odata service (Sharepoint REST endpoint) using kendo.data.HierarchicalDataSource.

I am trying to get the following to work.

 

When I click on a TreeView node I want to display the complete corresponding node data in a ListView with the ability to edit and update the data like in the ListView demo for editing. Any suggestions?

 

 

 

[Stefan]

Hello Lutz,

In this scenario, I can suggest using the select event of the TreeView to retrieve the selected node and its text using the text or the dataItem methods:

http://docs.telerik.com/kendo-ui/api/javascript/ui/treeview#events-select

http://docs.telerik.com/kendo-ui/api/javascript/ui/treeview#methods-text

http://docs.telerik.com/kendo-ui/api/javascript/ui/treeview#methods-dataItem

I made an example demonstrating how to retrieve the node and to set it to the ListView:

https://dojo.telerik.com/ucUDe

Then the editing has to be handled programmatically as demonstrated in our demo:

http://demos.telerik.com/kendo-ui/listview/editing

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Gunjan]

I would like to get some documentation on how to retrieve selected node's text and (true/false) if checked or not for angular.

[Stefan]

Hello, Gunjan,

Please advise if this is for AngularJS or the Angular 2+ components.

If this is for AngularJS the demo is demonstrating how it can be achieved:

https://demos.telerik.com/kendo-ui/treeview/angular

If this is for Angular 2+, please submit the question in the Angular 2+ forum or in the ticket, so the corresponding team can provide more detailed information.

Regards,
Stefan
Progress Telerik