ag react grid applyTransactionAsync api 替换所有列值而不是传递给更新的列
ag react grid applyTransactionAsync api replace all column values instead of columns passed to update
如何保留未传递给 ag-react 网格中 applyTransactionAsync 更新的列的值。
第 1 步:添加新行
gridApi.applyTransactionAsync({add: {id:1, col1:1, col2:2, col3:3}});
第 2 步:更新 col1
gridApi.applyTransactionAsync({update: {id:1, col1:10}});
第 3 步:更新 col2
gridApi.applyTransactionAsync({update: {id:1, col2:9}});
AG 网格行数据输出
{id:1, col2:9}
预期输出
{id:1, col1:10, col2:9, col3:3}
当您调用 update
时,必须包括该行的所有数据。网格将检查更改并仅更新必要的字段。如果您删除列,网格将理解您希望删除它们的数据。
请参阅此处的文档:https://www.ag-grid.com/javascript-data-grid/data-update-transactions/#example-updating-with-transaction(updateItems
方法与您相关)。
为了快速说明您应该做什么,我按照上述步骤 1、2 和 3 创建了这个工作示例:https://plnkr.co/edit/iVT6dLozhTLU6HlP
如何保留未传递给 ag-react 网格中 applyTransactionAsync 更新的列的值。
第 1 步:添加新行
gridApi.applyTransactionAsync({add: {id:1, col1:1, col2:2, col3:3}});
第 2 步:更新 col1
gridApi.applyTransactionAsync({update: {id:1, col1:10}});
第 3 步:更新 col2
gridApi.applyTransactionAsync({update: {id:1, col2:9}});
AG 网格行数据输出
{id:1, col2:9}
预期输出
{id:1, col1:10, col2:9, col3:3}
当您调用 update
时,必须包括该行的所有数据。网格将检查更改并仅更新必要的字段。如果您删除列,网格将理解您希望删除它们的数据。
请参阅此处的文档:https://www.ag-grid.com/javascript-data-grid/data-update-transactions/#example-updating-with-transaction(updateItems
方法与您相关)。
为了快速说明您应该做什么,我按照上述步骤 1、2 和 3 创建了这个工作示例:https://plnkr.co/edit/iVT6dLozhTLU6HlP