【问题标题】:Edit, Save and Delete button in Angular ag-GridAngular ag-Grid 中的编辑、保存和删除按钮
【发布时间】:2020-10-19 07:41:14
【问题描述】:

我想在 ag-Grid(Angular 版本)的每一行中添加编辑/保存和删除按钮。我正在使用社区版。

单击“编辑”按钮应使整行可编辑并显示“保存”按钮。删除按钮应删除该行。

在 stackoverlow 上看到的答案很少,但似乎它们不起作用。请帮忙!

【问题讨论】:

    标签: angular ag-grid ag-grid-angular


    【解决方案1】:

    您需要创建没有字段数据的额外字段,并在那里添加按钮。您可以使用cellRenderer 添加按钮。然后,当您单击每个按钮时,您可以调用一个方法来执行您想要的操作,例如保存行、删除行等

    我在 StackBlitz here 上为您创建了一个快速示例。

    【讨论】:

    • 我可以添加一个铅笔图标来代替编辑按钮吗?如果是,那怎么办?
    猜你喜欢
    • 2018-10-10
    • 2019-08-30
    • 2015-12-15
    • 1970-01-01
    • 1970-01-01
    • 2018-10-24
    • 2016-05-09
    • 1970-01-01
    • 2018-01-23
    相关资源
    最近更新 更多