1

我有一个 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>
4

1 回答 1

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

于 2021-08-18T04:21:09.037 回答