【问题标题】:enable edit for cell field at row grouping level ag-grid在行分组级别 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: ...

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

【问题讨论】:

    标签: javascript reactjs angular ag-grid cellrenderer


    【解决方案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)}
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-05-14
      • 1970-01-01
      • 2019-08-24
      • 2021-03-14
      • 2020-02-19
      • 2021-09-10
      • 2018-07-01
      • 2019-09-25
      相关资源
      最近更新 更多