Question

我在我的角度项目中使用ng2-smart-table。智能表提供了内置的添加，编辑和删除数据，但我不想使用它。我想在另一页上编辑数据，就像我们对每个CRUD操作所做的一样。我已经搜索过，但是没有找到任何解决方案。有人知道我该怎么做吗？预先感谢！

Answer 1

您可以通过将方法绑定到（编辑）事件来重定向用户。这样。

.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]);
}

Answer 2

我建议您使用编辑图标制作自定义图标并付诸实践。对于该阻止/停用默认编辑按钮。

这样，您将在(custom)="customeEdit($event)"中获得点击事件。

通过这种方式，您可以在ng2-smart-table中使用自定义组件。

Add custom icon

如何使用Angular 6中的智能表将数据更新到另一个页面

2 个答案: