グループ選択＆チェックボックス私のアンギュラアプリケーションで

Question

私はAG-グリッドドキュメントでグループ選定例とほぼ同じであるグリッドを持っている：https://www.ag-grid.com/javascript-grid-selection/#gsc.tab=0

私の要件は、ボタンを拡大し、私のことで若干異なっています行を展開して行を選択する必要があります。プランナーの例では、2つの別々のクリックイベントを選択して展開していますが、ユーザーがチェックボックスと展開ボタンをクリックすることなく、行を選択して同じ行を展開することを検討しています。私はCSSでこれをやってみましたが、チェックボックスを透明にして展開アイコンの上に置いてみましたが、クリックがハイジャックされて1つのイベントしか発生しませんでした...

これは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