每次我在角度中选择kendo grid ui中的行时如何执行函数

时间:2017-11-27 10:41:26

标签: angular kendo-ui

我正在研究一个功能。在此,当我点击任何一行时,它应该在弹出窗口中打开。我通过调用selectionchange来实现同样的效果,即使如下所示。但是,当我关闭弹出窗口并再次单击同一行时,由于选择没有变化,因此它不会触及我的功能。

因此,当我再次点击同一行时,我们可以随时调用我的函数

<kendo-grid [data]="gridView" 
                [pageSize]="pageSize" 
                [skip]="skip" 
                [pageable]="true" 
                [height]="300" 
                (pageChange)="pageChange($event)"
                [sortable]="{ mode: 'single' }" 
                [sort]="sort" 
                [selectable]="true" 
                (sortChange)="sortChange($event)" 
                (selectionChange)="selectionChange($event)">

1 个答案:

答案 0 :(得分:2)

您可以使用 cellClick 事件处理程序:

API reference

网格本身,数据项,与点击的单元格所在的行相关联,列,列索引,行索引,原始事件和一些其他信息可用作事件数据:

@Component({
   selector: 'my-app',
   template: `
       <kendo-grid [data]="gridData" (cellClick)="onCellClick($event)">
       </kendo-grid>
   `
})
export class AppComponent {
  private gridData: any[] = products;

  onCellClick(e) {
    console.log(e);
  }
}

PLUNKER