angularjs - 如何在kendo ui grid angular 2中执行行双击事件？

Question

如何在单元格模板中显示原始单元格值<span>在 angular 2 kendo ui 网格中标记。

代码

<ng-container ngFor="let col of grid.ColModel">
    <kendo-grid-column [title]="col.Label" [field]="col.Name" [locked]="col.Locked" width="250px" *ngIf="hiddenColumns.indexOf(col.Name) === -1" >
        <template kendoCellTemplate let-dataItem let-rowIndex="rowIndex" >
        <span (dblclick)="open(rowIndex)">**{{dataItem}}** </span>
        </template>
    </kendo-grid-column>
</ng-container>

Answer 1

Melanie 提供的示例在过去可能有效，但不适用于 Angular 2/4 Grid(如果您单击 plunker，它将不会加载)。

当我遇到同样的问题时，我必须进行大量调试。

简单网格中的解决方案如下:

 <kendo-grid #myGrid [selectable]="true" (dblclick)="dblClickEvent(myGrid, $event)">
 <kendo-grid-column field="User" title="User" width="100">
                    </kendo-grid-column>
</kendo-grid>

在您的 .ts 文件中，按如下方式实现事件:

     dblClickEvent(grid, event) {
        // debugger;
      console.log('the selected row Index is '+ event.path[1].rowIndex);
      //use the following line if you want to get the clicked cell content:
console.log('clicked cell content'+ event.path[0].textContent);

}

这将为您提供选定的行索引，您可以从中

希望这可以帮助。