Odczyt wybranych wartości węzła z widoku drzewa kendo?

Question

Mam drzewo treeview kendo o węźle z {id, value}. i chcę uzyskać identyfikator i wartość wybranego węzła po kliknięciu przycisku.

Jak mogę to zdobyć? Czy są tam jakieś wbudowane funkcje, aby je uzyskać?

Oto mój przykładowy kod:

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

Answer 1

Użyj metody .select(). Pamiętaj również o innych dostępnych metodach.

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

Answer 2

** 

var tv = $("#treeview-right").data("kendoTreeView"); 
    var selectedNode = tv.select(); 
    var item = tv.dataItem(e.node); 
    item.text will give you the text of the selected node. 

**

Answer 3

Nie zgadzam się z wybraną odpowiedź, ponieważ w zależności od tego, co faktycznie można mieć 1 krok za właściwie wybranej wartości.

Gdybyś miał jakąś prostą funkcję kasowania to ten rodzaj kodu działa prawidłowo

var treeview = $("#treeview").data("kendoTreeView"); 
var selectedNode = treeview.select(), 
item = treeview.dataItem(selectedNode); 

Jednak po uruchomieniu gry z katalogów bardziej skończy się ubolewając, że jak ja.

Najlepszą praktyką jest zamocowanie do obsługi zdarzeń

np

var treeview = $("#treeview").kendoTreeView({ 
    expanded: true, 
    select: onSelect, 
    ....   
}).data("kendoTreeView"); 

wybierzfunkcja

function onSelect(e) { 

    var treeview = $("#treeview").data("kendoTreeView"); 
    var item = treeview.dataItem(e.node); 

    if (item) { 
     console.log('Selected item: ' + item.whatever + ' | Id = ' + item.Id + ' | Type = ' + item.Type); 
     var someVariable = item.whatever; 
    } else{ 
     console.log('nothing selected'); 
    }