Как сохранить изменения таблицы с нумерацией страниц?

У меня есть модал, который содержит таблицу данных. Эта таблица имеет нумерацию страниц. Я хочу иметь возможность изменять строки на разных страницах и в конце нажмите кнопку "Сохранить", которая отправит измененные строки в API и обновит БД.

Так что, если мой стол выглядит так:

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

Если я редактировал row2 от Page0 а также row1 от Page1... и т. д.... что было бы хорошим вариантом для сохранения прогресса? Должен ли я в конце пройти все строки и проверить, изменены ли они, или добавить строки в список в момент их изменения и отправить их при нажатии 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 это данные таблицы.

1 ответ

Решение

Исходя из моего опыта, я бы посоветовал разрешить пользователям изменять все, что он хочет, затем в конце взять все строки как json, angular позволит вам сделать это, затем в вашем API конвертировать его в вашу модель и результаты массового импорта в базы данных, затем повторно связать сетку.

Другие вопросы по тегам