Lesen Sie ausgewählte Knoten die Werte von kendo Baum-Ansicht?

Ich habe einen kendo-treeview mit einem Knoten mit {id, value}. und ich möchte, um die ausgewählten Knoten-id und Wert, wenn ich auf einen button zu klicken.

Wie ich es bekommen kann? Gibt es eingebaute Funktionen, die es, um es zu bekommen?

Hier ist mein Beispielcode:

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

InformationsquelleAutor jestges | 2013-08-30

  1. 21

    Verwenden Sie die .wählen Sie() Methode. Werden Sie sicher, einen Blick auf die anderen Methoden zur Verfügung.

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

    Fiedel hier

    Hey Ryan, vielen Dank für Ihre Antwort. Aber hier ist die Angabe von null für das Element.text und Element.id gibt einige Guid. Ich gehe davon aus, dass der genaue text und Wert, die gebunden sind durch datasource.
    Meine text - /Wert-Felder, die im Beispiel nicht genau mit den Ihren übereinstimmen. Siehe mein update und aktualisiert fiddle
    Hey Ryan, ich weiß nicht, was ich falsch mache. Ich folgte dem gleichen Weg, aber es ist was tv.dataItem-keine Funktion Fehler.
    Hey Ryan, ich bin traurig, dass ich verpasst etwas. Es funktioniert wie erwartet. Dank

    InformationsquelleAutor ryan

  2. 5
    **

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.

    **

    "e ist nicht definiert"
    Können Sie Bearbeiten Sie Ihre post und fügen Sie eine Beschreibung, warum Sie antwortete mit diesem code, damit die Menschen für Sie Stimmen??
    e wäre undefiniert, wenn Sie nicht binden Sie in den event-handler. @PAULDAWG werde ich eine bessere Antwort.
    Funktioniert mit kendoTreeList sowie

    InformationsquelleAutor satish

  3. 2

    Ich bin nicht einverstanden mit der gewählten Antwort, denn je nach dem, was Sie eigentlich TUN, können Sie 1 Schritt hinter dem tatsächlich gewählten Wert.

    Wenn Sie hatte einige einfache Funktion löschen dann diese Art der code funktioniert gut

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

    Jedoch, sobald Sie anfangen zu spielen mit dem treeview-mehr werden Sie am Ende bereuen, dass ich habe.

    Beste Praxis zu binden, um den event-handler

    z.B.

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

    wählen Sie Funktion

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

    InformationsquelleAutor Tom Stickel

Schreibe einen Kommentar