剣道ツリービューから選択したノードの値を読み込みますか？

Question

私は{id, value}のノードを持つ剣道ツリービューを持っています。ボタンをクリックすると、選択したノードのIDと値を取得したい。

どうすれば入手できますか？そこにそれを得るためにinbuilt関数がありますか？

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

Answer 1

が.select()メソッドを使用します。

は、ここに私のサンプルコードです。利用可能な他の方法も見てください。

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

あなたが実際に何をすべきかに応じて、あなたが実際に選択した値の後ろに1つのステップすることができたので、私は選択した答えに反対します。あなたはいくつかの簡単な削除機能を持っていた場合

は、コードのこのタイプは、ツリービューで再生を開始したら、より多くのあなたは、私が持っているようにすることを後悔してしまいます、

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

しかし正常に動作します。

ベストプラクティスは、イベントハンドラ

例えばに結びつけることです

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

選択機能

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'); 
    }