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、名前は何でも使用できます。 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();
    }

お役に立てれば！