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

我正在使用angular ui grid。如何在单击按钮时使Angular UI Grid行可编辑

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

如果有人能指导我，我会很感激。

{ 
    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>

来源

2015-11-03 simbada

我不能直接帮你，你可能需要重新编写ui-grid代码才能得到你想要的。但你可以看看这个例子：[AngularJS中的绝对栅格关闭]（http://bennadel.github.io/JavaScript-Demos/demos/absolute-grid-knock-off-angularjs/） –

我不认为，实现这一点比较容易。如果你愿意，你可以按照这个解决方法.http：//brianhann.com/create-a-modal-row-editor-for-ui-grid-in-minutes/ – SaiGiridhar

在UI网要做到这一点的唯一方法，因为就目前而言，是避免使用ui-grid-edit和在内部实现一些具有ng-if条件的自定义模板。

我建造this plunker作为一个起始步骤，在那里你只能看到一个按钮，但是你可以简单地在你的edit按钮里面放一个类似的逻辑。

来源

2015-11-11 23:11:51 imbalind

它花了很长时间才找到你的建议和掠夺者。但是，禁用ui网格的单细胞编辑并在cellTemplate中使用ng-if可以提供全线编辑。在我的例子中，我使用了ng-if =“row.isSelected”来确定我的cellTempate中显示哪个div。 – CAK2

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

回答

相关问题