读取所选节点's值

Read selected node's values from kendo tree view?

本文关键字：节点 读取      更新时间：2023-09-26

我有一个剑道树视图，其中有一个{id, value}节点。当我点击按钮时，我想获得所选节点的id和值。

我怎样才能拿到它？有没有内置的功能可以获得它？

这是我的示例代码：

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

使用.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

**
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.

**

我不同意所选的答案，因为根据你实际做的事情，你可能会比实际选择的值落后一步。

如果你有一些简单的删除功能，那么这种类型的代码工作得很好

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');
     }
相关文章：