2016-03-30 6 views
0

Ich benutze Angular UI Grid und ich möchte wissen, ob es möglich ist, mehrere Felder zu machen, auf mehrere Zeilen 'bearbeitbar' zur gleichen Zeit erscheinen. Aus der Sicht eines Benutzers ist es unmöglich, auf einen Blick zu erkennen, welche Felder editierbar sind. Das Beste, was ich bekommen konnte, ist die Einstellung 'enableCellEditOnFocus', aber dies erlaubt immer noch nur zu bearbeiten, wenn ein Benutzer auf eine Zelle klickt.Angular UI Grid mehrere Spalten gleichzeitig bearbeitbar

$scope.gridOptions.columnDefs = [ 
    { name: 'age', enableCellEditOnFocus:true } 
]; 
+1

Sie können cellTemplates verwenden, um die Bearbeitung zu ermöglichen – Austin

Antwort

0

Nach einigem Suchen und diesem hilfreichen Vorschlag von Austin fand ich eine anständige Lösung.

$scope.gridOptions = { 
    data: self.myData, 
    columnDefs: [{ field: 'firstName', cellTemplate: '<div class="ui-grid-cell-contents"><input type="text" ng-model="MODEL_COL_FIELD" /></div>' }] 
}; 
Verwandte Themen