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

Posted

技术标签:

【中文标题】在行分组级别 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)

【讨论】:

以上是关于在行分组级别 ag-grid 启用对单元格字段的编辑的主要内容,如果未能解决你的问题,请参考以下文章

使用 AG-Grid,在更改值时禁用/启用同一行中的字段

如何在#ag-grid for React 中执行单元格验证

ag-grid 粘贴功能在单元格文本框中不起作用

如何在角度的 ag-grid 单元格中应用自定义 css 类?

如何禁用 ag-grid 中的单元格选择?

AG-Grid:如何根据同一行中其他单元格中的值更改单元格的颜色