编辑 Igx Grid 单元格时更新 SQL 数据库答案

【问题标题】：Update SQL database when Igx Grid cell is edited编辑 Igx Grid 单元格时更新 SQL 数据库
【发布时间】：2021-10-19 17:35:36
【问题描述】：

我有一个 Angular 项目和带有可编辑行的 igx 网格。网格数据来自 SQL server 数据库。

是否可以在编辑 igx 网格中的单元格时更新数据库？有没有教程（因为我整天都在搜索，没有找到任何东西）？我有 Angular 版本 12，Visual Studio 2019，我正在用 C# 编写。

这是我的 igx 网格的 HMTL 代码。

  <igx-grid width="80%" [data]="posts" height="600px" style="margin: auto"
            [allowFiltering]="true">

    <igx-column field="id" [dataType]="number" header="ID" [sortable]="true" [movable]="true"></igx-column>
    <igx-column field="name" [dataType]="'string'" header="Name" [sortable]="true" [movable]="true"  [editable]="true"></igx-column>
    <igx-column field="familyname" [dataType]="'string'" header="Family Name" [sortable]="true" [movable]="true" [editable]="true"></igx-column>

  </igx-grid>

【问题讨论】：

标签： c# angular ignite-ui ignite-ui-angular igx-grid

【解决方案1】：

Angular 应用程序无法直接访问数据层，因此需要通过为 CRUD 操作提供端点的 WebAPI 与其通信。

创建一个 WebAPI 项目，该项目连接到您的数据库并使用 DB-first（如果您已经拥有 DB）或代码优先的方法来生成模型/db。然后创建一个返回实体列表的端点，并通过前端的 HttpClient 服务使用它。

您可以查看此主题，准确解释您要查找的内容 - 如何进行 CRUD：

https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/how-to/how-to-perform-crud

在那里你也可以找到一个工作演示。

正如 Konstantin 在这篇文章中所解释的，我们没有后端 (WebAPI) 的代码示例，但在 Visual Studio 中有一个用于它的启动项目，它几乎可以使用。

https://stackoverflow.com/a/68726425/2940502

【讨论】：