如何通过单击按钮使ag网格中的所有单元格都可编辑

时间:2018-02-16 08:33:25

标签: ag-grid ag-grid-ng2

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

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),但这会更改此编辑模式,然后立即更改为查看模式并无限调用该方法。

我尝试调用启动停止编辑,但这会无限执行并且网页崩溃。

1 个答案:

答案 0 :(得分:0)

使用ag网格编辑功能退出,并使用在视图和编辑模式之间交换的单元格渲染器实现编辑功能。 必须手动实现标签,验证,正则表达式限制