单击按钮时如何使Angular UI Grid行可编辑

Question

我正在使用angular ui grid。

我为每一行显示edit按钮作为最后一列。我想在点击edit时将行更改为edit button模式。

感谢有人可以指导我。

{
    field: 'edit',
    displayName: '',
    enableFiltering: false,
    enableSorting: false,
    width: '5%'
},

现在我已经使用以下行

为每个单元格编辑了它

<div class="grid testGrid" ui-grid="GridOptions" ui-grid-edit ui-grid-row-edit style="width: 100%;"></div>

Answer 1

目前，在ui-grid中执行此操作的唯一方法是避免使用ui-grid-edit并在其中实现一些具有ng-if条件的自定义模板。

我构建了this plunker作为开始步骤，您只能看到一个按钮，但您可以在edit按钮中添加类似的逻辑。