ag-Grid中的组选择和复选框

Question

在我的 Angular 应用程序中，我有一个几乎与 ag-Grid 文档中的组选择示例相同的网格：https://www.ag-grid.com/javascript-grid-selection/#gsc.tab=0

我的要求略有不同，因为我的展开按钮需要展开行和 select 行。正如您在 plunker 示例中看到的那样，selection 和扩展是两个单独的点击事件，但我希望 select 该行并单击一次展开同一行，而无需用户单击复选框和展开按钮。我已经尝试通过 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

听rowGroupOpened event and set the row to selected:

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

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

  }

plnkr example

ag-Grid中的组选择和复选框

group selection & checkbox in ag-Grid

ag-grid