Angular Ag网格编辑数据并发送到服务器

Ag grid on angular能够创建从本地json文件获取数据的网格。 在编辑任何行时，如何保存该数据，然后发送到服务器或可能的本地json文件

简而言之，Ag Grid如何在编辑后保存行数据，并单击Submit按钮发送到服务器。 任何人如果在Javascript上实现了这一点，请发表评论，将尝试在angular上使用它

---

请告诉我除了ag grid之外是否还有其他最佳选项来实现此功能

如果您想收听对特定行的特定更改，可以使用

onCellValueChanged

，或在组件模板上定义ag网格组件时，onRowValueChanged事件绑定

 <ag-grid-angular 
.
.
(gridReady)="onGridReady($event)"
(onRowValueChanged) = onRowValueChanged($event)
>

---

你能编辑数据吗？或者你在编辑和保存数据方面都需要帮助吗？@wentjun-编辑我只是在每个columnDefs值下添加“editable:true”属性。是的，我可以编辑数据并对其进行更改，但不知道如何保存每行的新数据，然后发送到服务器只是为了澄清，您是否只需要进行更改的行？或者你想从整个网格中获取数据？@wentjun-无论最终看起来可行的是什么，你都想通过发送整个网格来更新后端上的特定更改值data@OneLunchMan：是Angular+TypeScriptgreat onRowValueChanged属性工作，我正在chrome控制台中获取数据，但如何在点击提交按钮时将整个网格更新的数据发送到服务器？好的，我已经更新了我的答案。您必须使用

this.gridApi.forEachNode（node=>rowData.push（node.data））

从网格中的所有行获取数据。让我知道这是否有效？我已经更新了我的代码<代码>应定义此.gridApinow@wentjun请帮我接电话this@Ruthi-请帮帮我

 export class YourComponent {
 private gridApi;
 private gridColumnApi;
   .
   . 
 onRowValueChanged: function(event) {
   console.log(event) // access the entire event object
   console.log(event.data) // access and print the updated row data
   const gridData = this.getAllData();
   // api call to save data

}

getAllData() {
  let rowData = [];
  this.gridApi.forEachNode(node => rowData.push(node.data));
  return rowData;  
}

onGridReady(params) {
  this.gridApi = params.api;
  this.gridColumnApi = params.columnApi;
}