如何在单击按钮时使 ag 网格中的所有单元格可编辑

Posted

技术标签:

【中文标题】如何在单击按钮时使 ag 网格中的所有单元格可编辑【英文标题】:How to make all cells in ag grid editable on click of a button 【发布时间】:2018-07-27 03:07:51 【问题描述】:

我能够将所有已配置的可编辑列设为可编辑,但在焦点上,其他单元格更改为查看模式。 访问以下链接并单击开始编辑,所有单元格将更改为编辑模式。然后在单元格中开始编辑(打字)。现在不同行中的其他可编辑单元格将更改为查看模式。 我可以保留其他行中单元格的可编辑模式吗? 使行可编辑的代码:

onBtStartEditing() 
    this.gridApi.setFocusedCell(0, "make");
    this.gridApi.forEachNode(node => 
        this.gridApi.startEditingCell(
          rowIndex: node.rowIndex,
          colKey: "make"
        );  
    )

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

我尝试在单元格焦点上调用 stopEditing(true) 但这会更改此编辑模式,然后立即更改为查看模式并无限调用该方法。

我试图在停止编辑时调用startiting,但这会无限执行并且网页崩溃。

【问题讨论】:

【参考方案1】:

不再使用 ag 网格编辑功能,并使用单元格渲染器在视图和编辑模式之间切换实现了类似编辑功能。 必须手动实现制表符、验证、正则表达式限制

【讨论】:

以上是关于如何在单击按钮时使 ag 网格中的所有单元格可编辑的主要内容,如果未能解决你的问题,请参考以下文章

C# WPF 工具包:如何​​使数据网格中的单元格可编辑?

仅在选择时设置Jtable单元格可编辑

如何在反应中更新按钮单击ag网格中的行

如何在 Angular 项目中自动刷新 ag-grid 中的单元格

如何使 HTML 表格单元格可编辑?

如何在反应中实现 AG 网格行内的按钮