Wie ein numerisches Textfeld der Länge in Winkel eine Zelle 5 haben Raster für die Bearbeitung

Question

Ich bin neu in AngularJS

ich ein Gitter haben, die Daten anzeigt, wenn ich auf eine Schaltfläche Bearbeiten klicken, um eine Zelle editierbar zu machen. Jetzt will ich nur Dezimalzahlen oder Zahlen zulassen und die Länge sollte nur 5 drin sein. Bitte sehen Sie das Bild.

Die in der Steuerung meines Code ist

{ field: 'fam_coinsurance', width: '15%', displayName: 'Fam Coinsurance',type: 'number', cellFilter: 'number: 3', enableCellEdit: true, cellEditableCondition: $scope.canEdit } 

enter image description here

Answer 1

Sie konnten die editableCellTemplate Eigenschaft verwenden, um eine benutzerdefinierte Zelle Vorlage zu definieren, zu verwenden, wenn das Feld bearbeiten. Dies könnte die HTML5 "numerische" Eingabe mit einem "max" von "99999" verwenden, um nur 5 Ziffern zu erlauben.

editableCellTemplate: '<input type="number" max="99999" ui-grid-editor ng-model="MODEL_COL_FIELD">' 

Bitte sehen this Fiddle für ein Beispiel - hier das „Alter“ Spalte verwendet die benutzerdefinierte Zelle Vorlage.