그룹 선택 및 확인란 AG-그리드 나는 AG-그리드 문서에서 그룹 선택 예제와 거의 동일 그리드가 내 각도 응용 프로그램에서

Question

: https://www.ag-grid.com/javascript-grid-selection/#gsc.tab=0

내 요구 사항은 그 버튼을 확장 내에는 약간 다릅니다를 행을 확장하고 행을 선택해야합니다. plunker 예제에서 볼 수 있듯이 두 가지 별도의 클릭 이벤트가 선택 및 확장되지만 사용자가 체크 박스와 확장 버튼을 클릭하지 않고 행을 선택하고 클릭 한 번으로 동일한 행을 확장하려고합니다. 체크 상자를 투명하게 만들고 확장 아이콘 위에 배치하여 CSS로이 작업을 시도했지만 클릭만으로 하나의 이벤트 만 실행됩니다.

ag-Grid에서 가능한가요?

내 체크 박스를 가지고 열의 columnDefs에 의해 내 구성 요소에서

및 확장 아이콘 그래서 다음과 같습니다

... 
     this.gridOptions.columnDefs = [ 

      { 
       headerName: '', width: 100, cellRenderer: 'group', 
       // for parent row selection - checkboxes for parent rows 
       checkboxSelection: function(params) { 
        return params.node.canFlower; 
       }, 
       cellRendererParams: { value: ' ' }, colId: 'PlusIcon', pinned: 'left', cellClass: 'center' 

      }, 
... 

Answer 1

rowGroupOpenedevent를 듣고 selected에 행을 설정합니다

// inside the ag-grid tag 
    (gridReady)="onGridReady($event)" 

// inside the AppComponent class 
    onGroupOpened(event){ 
    event.node.setSelected(true) 
    console.log(event) 

    } 

plnkr example