ag-grid 行复选框 select。使复选框 selection 等同于 row-selection

Question

（我想做的是：您知道如何通过 CTRL 或 SHIFT 切换到 select 多行吗？为什么不直接将其设为无需键盘键的点击切换？）

我正在努力使 rowSelected 事件或 rowClicked 事件始终选中整行左列上的复选框。

然后添加到它上面，所以点击另一行，添加它。单击另一行，检查该行并 select 也检查该行。

单击已经 select 已选中的行...它应该 "uncheck" 和 "deselect".

所以...行select多个+复选框多个，是等价的。

              "rowSelection": "multiple",
              "onRowSelected": rowSelected,
              "suppressRowClickSelection": false,


function rowSelected(event){
    console.log("t1 " + event.node.isSelected());
    if(event.node.isSelected()){
        event.node.setSelected(false);
    } else {
        event.node.setSelected(true);
    }
}

Plunker 示例：

https://embed.plnkr.co/vf0aV6Q0MgA4ZvtzWhFb/

（Plunker 示例，您不能再取消选中某行）

Answer 1

已解决。基本上覆盖了它们的默认值 "selection model"。

function RowClickEventHandler(event){
    if(event.node.isSelected()){
      console.log("deselected");
      event.node.setSelected(false, false);
    } else {
      event.node.setSelected(true);
      console.log("selected, add");
    }

}

var gridOptions = {
    columnDefs: columnDefs,
    onRowClicked: RowClickEventHandler,
    suppressRowClickSelection: true,
    suppressCellSelection: true,
    rowSelection: 'multiple',
    rowData: null
};

https://plnkr.co/edit/KHj1lstv9GQncxlX4Gvx?p=preview

Answer 2

您可以使用 built-in rowMultiSelectWithClick 对整行进行行切换选择，而无需按键盘键。

var gridOptions = {
    columnDefs: columnDefs,
    rowSelection: 'multiple',
    rowMultiSelectWithClick: true,
    rowData: rowData
};

ag-grid 行复选框 select。使复选框 selection 等同于 row-selection

ag-grid row checkbox select. Making checkbox selection equivalent to row-selection

ag-grid