Question

我使用celltemplate在ng-grid中声明了一个文本框。有没有办法让这个文本框只接受数值？这是我的单元格模板：

'<div class="ngCellText"><div ng-show="!row.entity.col3">{{row.getProperty(col.field)}}</div>' +
            '<div ng-show="row.entity.col3" class="ngCellText"><input style="background-color:{{colorCell}}" ng-change="colorchange(this,row.entity.col2)"  type="text"  ng-model="row.entity.col2" /></div></div>'

Answer 1

您可以在输入文本框中轻松创建一个模式，并检查验证。

   '<form name="myForm"><div class="ngCellText"><div ng-show="!row.entity.col3">{{row.getProperty(col.field)}}</div>' +
                '<div ng-show="row.entity.col3" class="ngCellText"><input style="background-color:{{colorCell}}" ng- change="colorchange(this,row.entity.col2)" ng-pattern="/^(\d)+$/" name="color" type="text"  ng-model="row.entity.col2" /></div></div> <span class="error pop_up  "
                      ng-show="myForm.color.$error.pattern">Please enter only number</span></form>'

Answer 2

您可以设置网格选项，如下所示。

$scope.gridOptions = {
          columnDefs: [
              {field: 'Jan', displayName: 'January', enableColumnMenu: false, type: 'number' }];
          };

我希望这个答案很有帮助。

如何使文本框仅接受celltemplate ng-grid中的数字？

2 个答案: