在 Kendo 中为 Angular TreeView 获取节点元数据

Posted 2023-05-07

【中文标题】在 Kendo 中为 Angular TreeView 获取节点元数据

【英文标题】：Getting node metadata in Kendo for Angular TreeView

【发布时间】：2019-01-18 21:13:45

【问题描述】：

In this plunk 我有一个 Angular TreeView 的剑道。我在树结构中添加了一个value 字段，并向节点添加了一个click 事件。我需要的是在控制台中获取单击的节点的值。如何实现？

@Component(
    selector: 'my-app',
    template: `
    <kendo-treeview
        [nodes]="data"
        textField="text"
        kendoTreeViewExpandable
        kendoTreeViewSelectable
        kendoTreeViewHierarchyBinding
        childrenField="items"
        (click)="showClick($event)"
    >
    </kendo-treeview>
  `
)
export class AppComponent 

    showClick(event)
      console.log(event);
    

    public data: any[] = [
        
            text: 'Furniture', value: "0", items: [
                 text: 'Tables & Chairs', value: "10" ,
                 text: 'Sofas', value: "11" ,
                 text: 'Occasional Furniture', value: "12" 
            ]
        ,
        
            text: 'Decor', value: "0", items: [
                 text: 'Bed Linen', value: "13" ,
                 text: 'Curtains & Blinds', value: "14" ,
                 text: 'Carpets', value: "15" 
            ]
        
    ];

【参考方案1】：

您可以使用树视图selectionChange 事件：

<kendo-treeview
    ...
    (selectionChange)="showClick($event)"
>
</kendo-treeview>


showClick(event)
  console.log(event.dataItem.value);

似乎在点击时触发并包含点击的节点dataItem： https://plnkr.co/edit/tcUxkkVExZSuEGGSWfia?p=preview