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

Question

无论如何使用验证摘要内联剑道网格。请指教。如果我可以遵循任何链接。

Answer 1

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

Answer 2

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

只需在网格上方制作 ul 元素即可

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

然后在网格的编辑函数中获取对验证器的引用并为更新按钮添加点击事件

 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、名称等

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

希望这可以帮助！