如何使用分页保存 table 的更改？

Question

我有一个包含数据的模式 table.This table 有 pagination.I 希望能够修改来自不同页面的行，最后按 "Save"将修改后的行发送到 api 并更新数据库的按钮。

所以如果我的 table 看起来像这样：

  Page 0      Page 1  ...... Page n
  row0        row0
  row1      **row1**
**row2**      row2

如果我编辑了 Page0 中的 row2 和 Page1 中的 row1 ...等等...什么是保存的好选择进度？我应该在最后遍历所有行并检查它们是否被修改或在它们被更改时将行添加到列表中并在按 Save 时发送它们？

到目前为止，这是我的html：

<div class="container">
    <div class="row">
        <div class="col-sm-auto">
            <ng2-smart-table class="activitiesTable" [settings]="settings" [source]="data" #activitiesTable></ng2-smart-table>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-sm" style="float:right">
            <button type="button" class="btn btn-default" (click)="Save($event)">Save</button>
        </div>
    </div>
</div>

source是table的数据。

Answer 1

根据我的经验，我建议让用户随意更改，然后在最后将所有行设为 json，angular 将允许您这样做，然后在您的 api 将其转换为您的模型并在数据库中批量导入结果，然后重新绑定网格。

如何使用分页保存 table 的更改？

How to save changes of a table with pagination?

pagination

typescript

ng2-smart-table

angular5