Как обновить данные на другой странице с помощью смарт-таблицы в Angular 6

Question

Я использую смарт-таблицу ng2 в своем угловом проекте.Умная таблица предоставляет встроенные функции добавления, редактирования и удаления данных, но я не хочу их использовать.Я хочу редактировать данные на другой странице, как мы делаем для каждой операции CRUD.Я искал это, но я не нашел никакого решения.Кто-нибудь знает, как я могу это сделать?Заранее спасибо!

Answer 1

Я предлагаю вам сделать свой собственный значок с иконкой редактирования и запустить его в действие.Для этого блока / неактивная кнопка редактирования по умолчанию.

При этом вы получите событие клика в (custom)="customeEdit($event)".

Таким образом, вы можете использовать свой пользовательский компонент в ng2-smart-table.

Добавить пользовательский значок

Answer 2

Вы можете перенаправить пользователя, привязав метод к (редактировать) событию.вот так.

.html

<ng2-smart-table  class="table"
                          [settings]="settings" 
                          [source]="data" 
                          (deleteConfirm)="onDeleteConfirm($event)"
                          (rowSelect)="onRowSelect($event)" 
                          (userRowSelect)="onUserRowSelect($event)"
                          (rowHover)="onRowHover($event)"
                          (create)="onCreateNewProcessor($event)"
                          (edit)="onEditData($event)"
                          (custom)="onCustom($event)"></ng2-smart-table> 

.ts

onEditData(event) {
    this.router.navigate(["/route/i/want/to", event.data.id]);
}