在行分组级别 ag-grid 启用对单元格字段的编辑

Posted 2023-03-22

【中文标题】在行分组级别 ag-grid 启用对单元格字段的编辑

【英文标题】：enable edit for cell field at row grouping level ag-grid

【发布时间】：2020-11-21 00:19:56

【问题描述】：

我创建了一个 ag-grid。我将记录分组为行分组。在那个网格中，一列是自动完成预先输入的下拉列我已经使用下面的包来实现它。https://www.npmjs.com/package/ag-grid-autocomplete-editor

目前，它看起来像这样。因为我已经完成了分组，所以我无法在组级别显示 typeahead col。我想在此处自动完成预先输入以进行批量（组级别）更新。

我尝试了多种方法，但无法做到。我尝试使用 aggFunc 也无法使用，因为我使用的是另一个包。 应该返回如下内容：

cellEditor: AutoCompleteSelectCellEditor, cellRendererParams: values: this.getData.bind(this), valueFormatter: ...

我不确定这将如何工作。任何帮助将不胜感激。

【参考方案1】：

谷歌搜索了几天。我找到了解决方案。

我们可以通过添加来实现。

enableGroupEdit=true

另外，在列级别，我们需要添加

editable: true

或

editable: this.isCellEditable

我们可以有一个函数isCellEditable(param) 来启用根据需求动态编辑。

【讨论】：

我相信 editable: true 需要添加到 defaultColDef 属性，因为 editable: true 在特定列上被忽略。 colDef 及其自动生成的行组列的处理方式不同。当 defaultColDef.editable = true

时， editable: false, rowGroup: true 的 colDef 在列的行组版本中仍可编辑

【参考方案2】：

enableGroupEdit=true

我们可以通过调用返回布尔值的函数来控制允许哪个字段。

enableGroupEdit = (params) => myfunction(params)