在行分组级别 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 for React 中执行单元格验证