javascript - 验证 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 的关系映射被构建以传递给 native 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