如何使用长度为5的数字文本框来编辑角网格中的单元格

Question

我是AngularJS的新手

当我点击编辑按钮以使单元格可编辑时，我有一个显示数据的网格。现在我想只允许小数或数字，长度应该只有5。请看图片。

这是我在控制器中的代码

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

enter image description here

Answer 1

您可以使用editableCellTemplate属性来定义编辑该字段时要使用的自定义单元格模板。这可以使用HTML5＆＃34;数字＆＃34;输入＆＃34; max＆＃34; of＆＃34; 99999＆＃34;只允许5位数。

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

请参阅this Fiddle以获取示例 - 此处为＆＃34; age＆＃34; column使用自定义单元格模板。

Answer 2

在网格选项中尝试此操作

editableCellTemplate: <input ui-grid-editor ng-model="MODEL_COL_FIELD" ng-minlength="12" ng-maxlength="14" minlength="12" maxlength="14">

这里工作！谢谢@Ian A。