请帮我举一个例子,该例子显示在用Angular js编辑1 /许多单元格后将数据保存到后端服务吗?我找到了有关如何编写自定义单元格编辑器并使用ag grid的默认单元格编辑器的示例,但找不到如何以及在何处插入将编辑内容保存到后端服务的代码?
答案 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,因为这是您要寻找的。 p>
true
在您的component.ts上,每次进行任何更改都会触发onRowValueChanged方法
<ag-grid-angular
.
.
(gridReady)="onGridReady($event)"
(cellValueChanged)="onCellValueChanged($event)"
>