검도 UI 각도 2 - RowTemplate?

Question

RowTemplate과 같은 것이 Grid 용 프레임 워크에 있습니까?

테이블 행에 (contextmenu)="onContextMenu($event, dataItem)"을 첨부해야 마우스 오른쪽 버튼을 클릭 할 때 상황에 맞는 메뉴가 표시됩니다.

이 작업을 수행 할 수있는 방법을 찾지 못했습니다.

각 kendoCellTemplate에 직접 컨텍스트를 추가하고 모든 컨텍스트 메뉴를 첨부하려고 시도했지만 오류가 발생합니다.

<kendo-grid-column field = "poNum"> 
    <template kendoCellTemplate let-dataItem (contextmenu)="onContextMenu($event, dataItem)"> 
     {{ dataItem.poNum }} 
    </template> 
</kendo-grid-column> 

내가 대신 각 kendoCellTemplate로 된 div를 추가하고 그에의 ContextMenu를 추가 해봤 및 작동 -하지만 그건 당연 혼란, 그리고 된 div의 폭이 전체에 거대한 떠나 셀의 공간을 거절 마우스 오른쪽 버튼을 클릭하면 작동하지 않습니다.

<kendo-grid-column field = "poNum"> 
    <template kendoCellTemplate let-dataItem> 
     <div (contextmenu)="onContextMenu($event, dataItem)"> 
      {{ dataItem.poNum }} 
     </div> 
    </template> 
</kendo-grid-column> 

어떤 도움을 주시면 감사하겠습니다.

Answer 1

이것은 오래된 게시물 인 것처럼 보이지만이를 수행 할 방법을 찾았습니다. 부트 스트랩 4와 함께 (하지만 플렉스 랩 (flex-wrap)이있는 플렉스 박스 인 모든 div에서 작동해야 함).

그것은 예쁜 아니지만,이 사양에 수행 된 작업 가져옵니다 각 열에 대해 다음

당신은 일반적으로 그리드 설정을 :

<kendo-grid-column title="Option"> 
    <template kendoGridCellTemplate let-dataItem> 
     <div class="row no-margin" (contextmenu)="onRightClick($event, dataItem)"> 
      {{dataItem.Name}} 
     </div> 
    </template> 
</kendo-grid-column> 

행 클래스를 차지합니다 때문에 전체 공간 RC 이벤트가 예상대로 작동해야합니다.

높이가 문제가되지 않도록하려면 .k-grid td가 패딩이 없도록 설정 한 다음 패딩 (8px)을 행 div에 추가해야합니다. 그렇지 않으면 행에 작은 간격이 있습니다. 행의 컨텍스트 메뉴가 실행되지 않는 가장자리