タイプ： '数字'でもヌル値を受け付ける角型UIグリッド

Question

Ui-grid edit documentationここでは、uiグリッド編集機能の公式文書へのリンクです。データ型が数値または文字列であってもNULL値を受け入れます。私は何をすべきか知っているので、編集後に、データ型が数値または文字列の場合、フィールドはnull値を受け入れるべきではありません。

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") 
}