kendo-ui-angular2 - Kendo-angular2-grid上的行点击事件

下面是我使用Kendo-Angular2开发的网格。
我需要在该行上单击事件，并且在需要该行信息的情况下。
我编写了一个一般的单击事件，并尝试获取行信息，但是如果我转到分页的第二页，则该行不起作用。是否有一个简单的行单击事件提供行信息。

plnkr：
http://plnkr.co/edit/h0fVaP4NykRiILA7dyHn?p=preview

点击事件代码：

ngAfterViewInit() {
  this.renderer.listen(this.gridRef.nativeElement, "mousedown", (event) => {
    if (!event.target.matches('tbody>tr *')) {
      return;
    }

    const gridData = this.grid.data;
    const tr = event.target.closest('tr');
    const dataItem = gridData.data[tr.rowIndex + this.grid.skip];

    console.log(dataItem);
  });
}

最佳答案

角度模板

   <kendo-grid #gridUser
                  [kendoGridBinding]="gridData"
                  [pageSize]="10"
                  [pageable]="true"
                  [sortable]="true"
                  [selectable]="true"
                  (selectionChange)="gridUserSelectionChange(gridUser, $event)">
        <kendo-grid-column field="name" title="ID">
        </kendo-grid-column>
        <kendo-grid-column field="nameThai" title="Name">
        </kendo-grid-column>
        <kendo-grid-pdf fileName="User.pdf"></kendo-grid-pdf>
        <kendo-grid-excel fileName="User.xlsx"></kendo-grid-excel>
      </kendo-grid>

角分量

 gridUserSelectionChange(gridUser, selection) {
     // let selectedData = gridUser.data.data[selection.index];
     const selectedData = selection.selectedRows[0].dataItem;
     console.log(selectedData);
 }

关于kendo-ui-angular2 - Kendo-angular2-grid上的行点击事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43785434/