如何在网格级别实现Kendo UI自定义验证器

Question

我有一个Kendo UI Grid，它被配置用于批量编辑。我希望在调用网格的CRUD函数之前实现网格级的自定义验证。因此，假设网格显示一个雇员列表，并且用户添加了两个具有相同EmployeeID的雇员；然后单击"保存更改"，网格应该调用自定义验证器规则（比如我们有一个规则来检查所有员工id是否唯一）。根据验证结果，网格应该决定是否调用它的创建/更新/销毁函数。

如果有人能回应我的担忧，我将不胜感激。

我的剑道网格：

<div id="allocGrid" kendo-validator="ctrl.allocationGridValidatorRules" kendo-grid k-options="ctrl.allocationGridOptions(dataItem)"></div>

验证规则：

ctrl.allocationGridValidatorRules = {
        rules: {
            customRule1: function (input) {
                // this rule may check if all the employee Id's in the grid are unique
            }
        },
        messages: {
            customRule1: "Enter a unique Employee Id"
        }
    };

我指的是以下链接：

http://jsfiddle.net/davidsalahi/qMRBc/

http://demos.telerik.com/kendo-ui/validator/angular

Answer 1

如果你正在进行批量编辑，并且你想检查重复项，我建议你使用saveChanges事件，在这里你可以检查e.sender.dataSource，并在需要时停止保存更改

saveChanges: function(e) {
    if (!confirm("Are you sure you want to save all changes?")) {
       e.preventDefault(); 
    }

Answer 2

在这种情况下，您需要在绑定到网格的DataSource中创建自定义验证。例如，你可以这样做：

employees = new kendo.data.DataSource({
   schema: {
      model: {
         fields: {
            EmployeeID: {
               validation: {
                  employeeidvalidation: function(input){
                     if(input.is('[name="EmployeeID"]'){
                        //Implement custom validation here...
                     }
                     return true;
                  }
               }
            }
         }
      }
   }
});