Question

无论如何都要使用验证摘要内联kendo网格。请指教。如果有任何我可以关注的链接。

Answer 1

不，您不能将验证摘要与Kendo UI网格一起使用。

Answer 2

这是一种在KendoUI网格中使用验证摘要的方法

只需在网格上方生成ul元素，如

<ul class="errorMessages"></ul>

然后在网格的编辑功能中获取对验证器的引用并将click事件添加到更新按钮

 edit : function(e) {
 var myValidator = e.sender.editable.validatable
  e.container.find('.k-grid-update').click(function() {
                 if (!myValidator.validate()) {
                      displayErrors(myValidator)
                 }
            });
}

然后displayErrors功能说明我使用自定义数据属性为输入创建友好名称，即不使用id =“firstName”我添加data-myfriendly =“First Name”你可以使用任何你想要的标题， id，name ect

 function displayErrors(validator) {
        var errorList = $('ul.errorMessages');
        errorList.empty();
        var myerrors = validator._errors;
        var count = 0;
        $.each(myerrors, function(field, errmsg) {
            //Set focus on first field
            if (count === 0) {
                $('#' + field).focus();
                count++;
            }
            //Set css
            $('#' + field).css({
                'box-shadow' : '0 0 5px #d45252',
                'border-color' : '#b03535'
            });
            var titlerrmsg = $('#' + field).attr("title");
            var friendly = $('#' + field).attr("data-myfriendly");
            errorList.append('<li><span>' + friendly + ' is</span> ' + titlerrmsg + '</li>');
        });
        errorList.show();
    }

希望这有帮助！

Kendo Ui内联网格中的验证摘要

2 个答案: