검도 - 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 섹션에서 확인할 수 있습니다.