角TreeView在Kendo中获取节点元数据

Question

在这个沉重的，我有一个角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" }
            ]
        }
    ];
}

Answer 1

您可以使用treeview selectionChange事件：

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


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

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