slickgrid验证将要添加的行

如在示例中，当您在最后一行的某个单元格中键入内容时，会添加一个新行。只有在新行中的所有单元格对列的规则有效后才能添加新行？slickgrid验证将要添加的行

2012-02-08 Iurii Dziuban

SlickGrid不支持。

2012-02-10 06:23:04 Tin

好的。以及用红色背景制作无效单元格（添加新行之后）呢？也许有些解决方法可以帮助我？ – 2012-02-10 10:43:26

在onAddNewRow处理程序中，您可以验证所有单元格并为有问题的单元格提供“无效”CSS类（请参阅https://github.com/mleibman/SlickGrid/wiki/Providing-data-to-the-grid）。 – Tin 2012-02-10 16:56:48

这是一个工作片段。它不会停止添加行，但会在新行上运行所有验证，并强制用户输入所有缺少的值。

首先定义validateRow功能（理想情况下，应该在SlickGrid命名空间放）：

function validateRow(grid, rowIdx) { 
    $.each(grid.getColumns(), function(colIdx, column) { 
     // iterate through editable cells 
     var item = grid.getDataItem(rowIdx); 

     if (column.editor && column.validator) { 
      var validationResults = column.validator(item[column.field]); 
      if (!validationResults.valid) { 
       // show editor 
       grid.gotoCell(rowIdx, colIdx, true); 

       // validate (it will fail) 
       grid.getEditorLock().commitCurrentEdit(); 

       // stop iteration 
       return false; 
      } 
     } 
    }); 
}

然后调用它在onAddNewRow结合FUNC（或者，如果你不使用数据视图中添加项目阵列后）：

grid.onAddNewRow.subscribe(function (e, args) { 
     dataView.addItem($.extend({ 
      id: dataView.getLength() 
     }, args.item)); 
     validateRow(args.grid, args.grid.getActiveCell().row); 
    });

来源

2013-02-01 14:06:44 Kangur

slickgrid验证将要添加的行

回答

相关问题