kendo-ui-angular2 网格细节“+”点击事件

Question

如何点击“+”展开“-”折叠点击事件的点击事件。 单击该行会触发“cellClickHandler($event)”，我需要它能够将详细单击也作为事件处理。

<kendo-grid
    [data]="mainData"
    (cellClick)="cellClickHandler($event)"
>
  <kendo-grid-column>
    // column stuff
  </kendo-grid-column>
  <kendo-grid-column>
    // more column stuff
  </kendo-grid-column>
  <ng-template kendoGridDetailTemplate>
    <table>
      // stuff
    </table>
  </ng-template>
</kendo-grid>

Answer 1

您可以利用kendo-grid 组件中的detailCollapse 和detailExpand 事件。

示例 (Plunker)

<kendo-grid
    ...
    (detailCollapse)="collapseHandler($event)"
    (detailExpand)="expandHandler($event)"
>
    ...
</kendo-grid>

有关所有可用事件的详细信息，请参见Grid API 部分。