Question

我有一个Kendo UI Grid with配置为批量编辑。我希望实现的是在调用网格的CRUD函数之前的网格级自定义验证。因此，假设网格显示员工列表，并且用户添加两个具有相同EmployeeID的员工;然后单击“保存更改”，网格应调用自定义验证器规则（假设我们有一条规则来检查所有员工ID是否唯一）。根据验证结果，网格应决定是否调用它的create / update / destroy函数。

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

我的剑道网格：

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

如何在网格级别上实现Kendo UI Custom验证器

2 个答案: