Angular 5 - Ag 网格添加行答案

【问题标题】：Angular 5 - Ag grid add rowAngular 5 - Ag 网格添加行
【发布时间】：2020-07-19 18:11:21
【问题描述】：

我正在尝试在“Ag 网格”中添加一个新行。

我将它保存在数据库中，问题是在视觉上该行被添加到“Ag网格”但它显示为空。

这是点击事件和添加行的代码。

this.gridOptions.api.updateRowData({ add: [form.form.value] });

这是变量“gridOptions”：

this.gridOptions = {
    context: { componentParent: this },
    defaultColDef: {
        resizable: true,
    },
    rowSelection: 'multiple'
};

对象“form.form.value”包含以下内容：

{CodPersona: "001", Nombre: "John", Descripcion: "John", Fecha: "2020-04-07"}

这是“Ag网格”的html代码：

<ag-grid-angular class="ag-theme-material"
   [rowData]="rowData"
   [columnDefs]="columnDefs"
   [gridOptions]="gridOptions"
></ag-grid-angular>

数据库表包含以下字段：

IdPersona, CodPersona, Nombre, Descripcion, Fecha

这是浏览器中的结果截图：

注意：rowData 我使用服务在“ngInit”事件中加载它，谢谢。

【问题讨论】：

【解决方案1】：

我假设您已将表单设置为可观察的。

在这种情况下，在 onGridReady 函数中，尝试使用 setRowData(form_local_variable) 设置行数据。这应该可以解决您的问题。

如果您可以分享该问题的演示链接，那就太好了。

【讨论】：