为Angular 4+选择多行KendoUI网格并将其移动到另一个KendoUI网格,可以通过以下步骤实现:
selectable
属性设置为"multiple"
。<kendo-grid [data]="gridData" selectable="multiple">
<!-- 网格列定义 -->
</kendo-grid>
selectionChange
事件来监听选择变化,并将选中的行数据存储到变量中。import { GridComponent, GridDataResult, SelectableSettings } from '@progress/kendo-angular-grid';
// ...
export class YourComponent {
public gridData: GridDataResult;
public selectedRows: any[] = [];
public onSelectionChange(selection: SelectableSettings): void {
this.selectedRows = selection.selectedRows;
}
}
[data]
属性绑定另一个数据集,并使用[selectedKeys]
属性绑定选中的行数据。<kendo-grid [data]="anotherGridData" [selectedKeys]="selectedRows">
<!-- 网格列定义 -->
</kendo-grid>
通过以上步骤,你可以实现在Angular 4+中选择多行KendoUI网格,并将其移动到另一个KendoUI网格中。请注意,以上代码示例中的gridData
和anotherGridData
需要根据实际情况进行替换,以适应你的数据源。
关于KendoUI网格的更多信息和使用方法,你可以参考腾讯云的KendoUI产品介绍页面:KendoUI产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云