编辑 Igx 网格单元时更新 SQL 数据库

Question

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

编辑 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>

Answer 1

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

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

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

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

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

正如 Konstantin 在此 post 中所解释的那样，我们没有后端代码示例 (WebAPI)，但在 Visual Studio 中有一个启动项目，它已经准备就绪使用.

编辑 Igx 网格单元时更新 SQL 数据库

Update SQL database when Igx Grid cell is edited

c#

ignite-ui

angular

ignite-ui-angular

igx-grid