如何在單擊按鈕時使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行可編輯

回答

相關問題