小组选择& ag-Grid中的复选框

时间:2017-12-06 14:19:59

标签: ag-grid

在我的Angular应用程序中,我的网格几乎与ag-Grid文档中的Group Selection示例相同:https://www.ag-grid.com/javascript-grid-selection/#gsc.tab=0

我的要求略有不同,因为我的展开按钮需要展开行并选择行。正如您在plunker示例中看到的那样,选择和扩展是两个单独的单击事件,但我希望选择行并在一次单击中展开同一行,而无需用户单击复选框和展开按钮。我已尝试通过使复选框透明并将其放在展开图标上来执行此操作,但点击是劫持的,因此只会触发一个事件......

这是否可以在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'

            },
...

1 个答案:

答案 0 :(得分:2)

聆听getEntity() event并将行设置为selected

rowGroupOpened

plnkr example