数据网格选择项

Question

我想知道如何将选定的数据网格项传递给事件处理程序？

我的数据网格：

<div>
    <kendo-grid [data]="gridData"
    [sortable]="true"
    [selectable]="true"
    (selectionChange)="selectRow($event)"
    >

我的grid.component.ts

private selectRow(event:any){
        console.log(event)
    }

如何将选定的行传递给事件处理程序？

更新

我现在是这样解决的：

private selectRow(event:any){
        console.log(event)
        let i = event.index
        let selectedRow = this.gridData[i];
        console.log(selectedRow)
    }

有人可以告诉我这是否正确吗？或者有更好的方法解决这个问题吗？

谢谢，

Answer 1

是的，您正在使用推荐的方法从 select 事件中查找数据项。我们不提供 dataItem 作为事件参数的一部分，因为它无论如何都可以从处理程序轻松访问。

Answer 2

现在我们可以直接从事件中获取dataItem了，

 (selectionChange)="selectRow($event)"

然后在组件中我们可以获得从 selectionEvent

中选择的所有行

 onSelect(e: SelectionEvent) {
        if (e.selectedRows.length > 0) {
            var rows = e.selectedRows;
            console.log(rows[0].dataItem);
        }
 }

数据网格选择项

Datagrid selected item

kendo-ui-angular2