Read selected node's values from kendo tree view?

javascript jquery kendo-ui kendo-treeview
jestges picture jestges · Aug 30, 2013 · Viewed 31.7k times · Source

I have a kendo treeview having a node with {id, value}. and I want to get selected node's id and value when I click on a button.

How can I get it? Is there any inbuilt functions there to get it?

Here is my sample code:

$("mytree").kendoTreeView({
                dataSource: mydata,
                dataTextField: "Name",
                dataValueField: "Id",
            });

Answer

ryan picture ryan · Aug 30, 2013

Use the .select() method. Be sure to look at the other methods available as well.

var tv = $('.mytree').data('kendoTreeView'),
    selected = tv.select(),
    item = tv.dataItem(selected);
if (item) {
  alert('Selected item: ' + item.Name + ' : ' + item.Id + ' (uid: ' + item.uid + ')');
} else {
  alert('Nothing selected');
}

Fiddle here

Related questions

Uncaught TypeError : cannot read property 'replace' of undefined In Grid

I'm new in using Kendo Grid and Kendo UI . My question is how can i resolve this Error Uncaught TypeError: Cannot read property 'replace' of undefined This is my Code on my KendoGrid $("#Grid").kendoGrid({ scrollable: false, sortable: true, pageable: { …

Read More
Change selected value of kendo ui dropdownlist

I have a kendo ui dropdownlist in my view: $("#Instrument").kendoDropDownList({ dataTextField: "symbol", dataValueField: "symbol", dataSource: data, index: 0 }); How can I change the selected value of it using jQuery? I tried: $("#Instrument").val(symbol); But it doesn't work as expected.

Read More
How to get the displayed data of KendoGrid in json format?

I have a kendoGrid and i would like to get the JSON out of it after filtering and sorting how do I achieve this? something like the following, var grid = $("#grid").data("kendoGrid"); alert(grid.dataSource.data.json); // I could …

Read More