在 AG Grid 中,禁用编辑行并在保存正在编辑的行时启用编辑是可以通过以下步骤实现的:
editable: true
,以确保列可编辑。const columnDefs = [
{ headerName: 'ID', field: 'id', editable: true },
{ headerName: 'Name', field: 'name', editable: true },
// 其他列定义...
];
import React, { useState } from 'react';
const GridComponent = () => {
const [editingRow, setEditingRow] = useState(null);
// 其他代码...
};
editingRow
状态。const onRowEditingStarted = (event) => {
setEditingRow(event.rowIndex);
};
const onRowEditingStopped = () => {
setEditingRow(null);
};
const isRowEditAllowed = (params) => {
return editingRow === params.node.rowIndex;
};
isRowEditAllowed
函数应用到 AG Grid 的 isRowEditable
属性上,以判断是否允许编辑行。return (
);
通过以上步骤,AG Grid 将禁用除了正在编辑的行以外的所有行的编辑,并在保存正在编辑的行时启用编辑。