Как обновить данные на другой странице с помощью смарт-таблицы в Angular 6
Я использую ng2-smart-table в своем угловом проекте. Умная таблица предоставляет встроенные функции добавления, редактирования и удаления данных, но я не хочу их использовать. Я хочу редактировать данные на другой странице, как мы делаем для каждой операции CRUD. Я искал это, но я не нашел никакого решения. Кто-нибудь знает, как я могу это сделать? Заранее спасибо!
2 ответа
Я предлагаю вам сделать свой собственный значок с иконкой редактирования и привести в действие. Для этого блока / неактивная кнопка редактирования по умолчанию.
При этом вы получите событие клика в (custom)="customeEdit($event)"
,
Таким образом, вы можете использовать свой пользовательский компонент в ng2-smart-table
,
Вы можете перенаправить пользователя, привязав метод к (редактированию) события. как это.
.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]);
}