Question

Ui-grid edit documentation，这是ui-grid编辑功能官方文档的链接。即使数据类型是数字或字符串，它也接受空值。请让我知道我应该怎么做，以便编辑后，如果数据类型是数字或字符串，字段不应接受空值

Answer 1

您可以拥有editableCell模板并进行所需的验证。这里有一个单元模板示例，它检查用户是否插入了值，或者值是否在数字输入类型的值范围内：

<div>
<form novalidate name="inputForm">
    <input type="INPUT_TYPE" step="0.01" ng-class="'colt' + col.uid" ui-grid-editor ng-model="MODEL_COL_FIELD" min=0 max=100 required>
    <div ng-show="inputForm.$error.max || inputForm.$error.min || inputForm.$error.required" class="triangle"></div>
    <div class="errorMessageBox" ng-show="inputForm.$error.required">
        <div class="errorMessageBoxContent">Required field</div>
    </div>
    <div class="errorMessageBox" ng-show="inputForm.$error.min">
        <div class="errorMessageBoxContent">The impact must be greater than 0%</div>
    </div>
    <div class="errorMessageBox" ng-show="inputForm.$error.max">
        <div  class="errorMessageBoxContent">The impact must be less than 100%</div>
    </div>
</form>
</div>

在这里你有列的定义：

{
 headerCellClass: 'header-main',
 displayName: 'IMPACT',
 headerCellFilter: 'translate',
 field: 'equivalentImpact',
 width: 180,
 enableCellEdit: $sessionStorage.currentUser.isAdmin,
 type: "number",
 editableCellTemplate: require("./editableImpact.html")
}

Angular UI-Grid接受空值，即使键入：'number'

1 个答案: