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

Question

我是 AngularJS 的新手

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

这是我在控制器中的代码

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

在此处输入图像描述

Answer 1

您可以使用该editableCellTemplate属性来定义在编辑该字段时使用的自定义单元格模板。这可以使用“最大”为“99999”的 HTML5“数字”输入，只允许 5 位数字。

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

请参阅此 Fiddle以获取示例 - 这里的“年龄”列使用自定义单元格模板。

Answer 2

在网格选项中试试这个

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

在这里工作！谢谢@Ian A。