是的,可以从KendoTreeView中选择节点,并将它们显示在Angular 5的另一个KendoTreeView中。以下是一种实现方法:
import { Component, OnInit } from '@angular/core';
import { TreeViewComponent } from '@progress/kendo-angular-treeview';
export class YourComponent implements OnInit {
public sourceTreeView: any[]; // 第一个KendoTreeView的数据源
public selectedNodes: any[] = []; // 选中的节点数组
public targetTreeView: any[]; // 第二个KendoTreeView的数据源
// 其他组件代码...
}
<kendo-treeview
[nodes]="sourceTreeView"
[checkboxes]="true"
(checkboxChange)="onCheckboxChange($event)"
></kendo-treeview>
<kendo-treeview [nodes]="targetTreeView"></kendo-treeview>
export class YourComponent implements OnInit {
// 其他组件代码...
public onCheckboxChange(event: any): void {
const node = event.item;
const isChecked = event.isChecked;
if (isChecked) {
this.selectedNodes.push(node);
} else {
const index = this.selectedNodes.findIndex((n) => n.id === node.id);
if (index !== -1) {
this.selectedNodes.splice(index, 1);
}
}
// 将选中的节点数组赋值给第二个KendoTreeView的数据源
this.targetTreeView = this.selectedNodes;
}
}
通过以上步骤,你就可以从第一个KendoTreeView中选择节点,并将选中的节点显示在第二个KendoTreeView中了。
请注意,以上代码示例中使用的是Kendo UI库,你可以根据自己的需求选择其他类似的UI库或自行实现相应的功能。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。你可以通过以下链接了解更多信息:
领取专属 10元无门槛券
手把手带您无忧上云