农业网格单元格编辑器-如何将数据保存到后端

时间:2019-04-02 02:15:04

标签: angular ag-grid

请帮我举一个例子,该例子显示在用Angular js编辑1 /许多单元格后将数据保存到后端服务吗?我找到了有关如何编写自定义单元格编辑器并使用ag grid的默认单元格编辑器的示例,但找不到如何以及在何处插入将编辑内容保存到后端服务的代码?

1 个答案:

答案 0 :(得分:1)

有两种方法可以将数据保存在Ag-Grid上。

1)获取所有数据并将所有内容发送到后端。

2)仅获取您已更改的行,并将这些行发送到后端。如果要侦听对特定行的特定更改,则可以在组件模板上定义ag-grid组件时使用 products id_code 0 pencils 1_2 1 pens 10_7 2 erasers 12_11 127.0.0.1 - - [01/Apr/2019 22:49:27] "GET /first_page HTTP/1.1" 200 - products id_code 0 pencils 12 1 pens 107 2 erasers 1211 127.0.0.1 - - [01/Apr/2019 22:49:28] "POST /second_page HTTP/1.1" 200 - 事件绑定。基本上,只要单元格有任何更改,整个行都将被“标记”为已修改(将自定义属性onCellValueChanged设置为true)。

当您需要将修改后的行发送到后端时,您将获取所有行数据,并过滤掉这些行,其中'modified'属性等于modified

在组件上初始化Ag-grid的params api。

下面的代码适用于#2,因为这是您要寻找的。

true

在您的component.ts上,每次进行任何更改都会触发onRowValueChanged方法

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