驗證SlickGrid所有行中的所有單元

Question

給定一個SlickGrid，如何觸發所有行中的所有單元進行驗證？或者，也許使用JavaScript觸發一次細胞進行驗證（然後我可以使用所有行中的所有單元格）？

用例是一個地方的用戶必須編輯每一個細胞，並提供默認值以外的東西，我們要確保他們這樣做和我們要顯示的默認驗證錯誤的行爲，如果他們沒有。

目前看來驗證只發生在編輯的字段上。

Answer 1

正如所觀察到的，Slickgrid的默認驗證僅限於editor的validate函數，該函數檢查任何可用validator僅傳遞值作爲參數。爲了提供額外的上下文信息，需要自定義編輯器，或者更具體地說是自定義驗證功能。

this.validate = function() { 
    if (args.column.validator) { 
     args.newValue = $input.val() 
     var validationResults = args.column.validator(args); 

     if (!validationResults.valid) { 
      return validationResults; 
     } 
    } 

    return { valid: true, msg: null }; 
}; 

每一列隨後將需要在其中默認值將依據它來檢查驗證器無論是從編輯來一個新值，或與任何其他所需的驗證方面沿着現有的值。

var Validator = function(args) { 

    //validate the existing value or the incoming editor value 
    var value = args.newValue ? args.newValue : args.item[args.column.field] 
    var result = value > 0 
    return {valid: result} 
} 

驗證整個網格提供驗證方法，遍歷每行查看每個列的驗證器。基於驗證結果，建立rowIndex -> collection of failures的關係映射以傳遞給本地onValidationError事件。這允許訂閱處理用戶通知存在錯誤。此外，驗證結果可以通過providing specific metadata to the grid

var validateColumns = function(args){ 

var failures=[]; 

for (c in columns) { 
    var column = columns[c] 
    if (column.validator) { 
     if(!column.validator({row: args.row, item: args.item, column: column}).valid){ 
     failures.push({columnIndex: c, column: column, rowIndex: args.row, item: args.item}) 
     } 
    } 
} 
return failures; 
} 

grid.validate = function() { 
    var rowFailures = {} 
    for (r in data) { 
    //ignore our metadata provider (if applicable) 
    if(r == 'getItemMetadata'){continue;} 

    var failures = validateColumns({item: data[r], row: r}) 
    if(failures.length > 0){ 
     rowFailures[r] = failures; 
    } 
    } 

    if(Object.keys(rowFailures).length > 0){ 
    grid.onValidationError.notify({"rowFailures": rowFailures}, new Slick.EventData()) 
    } 
    } 

Fiddle