плагин проверки JQuery с JQGrid?

Question

Кто-нибудь успешно использовал плагин jQuery Validation с JQGrid? Я понимаю, что JQGrid имеет свою собственную схему проверки, но она ограничена и немного неуклюжа; и я предпочел бы повторно использовать пользовательский интерфейс, язык и правила проверки, которые я использую, с остальными формами.

Answer 1

Редактировать inline и Validations можно с этими шагами.

Напишите свою функцию, чтобы выделить и отменить подсветку поля ввода:

GridErrorHighlight = function(el, er, ev) {
    $(el)
        .addClass('ui-state-error')
    .parent()
        .addClass('ui-state-error');
}

GridErrorUnHighlight = function(el, er, ev) {
    $(el)
        .removeClass('ui-state-error')
    .parent()
       .removeClass('ui-state-error');
}

Расширить jqgrid:

; (function($) {
    $.jgrid.extend({
        onErrorHighlight: GridErrorHighlight,
        onUnHighlight: GridErrorUnHighlight,
    });
})(jQuery);

Теперь плагин для проверки jQuery легко использует ваши пользовательские функции. Необходимо только создать эту опцию и инициализировать плагин проверки:

var table = $('#tableid').jqGrid({});

var validateOpt = {
        meta: "validate",
        highlight: table.onErrorHighlight,
        unhighlight: table.onUnHighlight
    };

$(document).ready(function() {
    $('#formId').validate(val);
});

Теперь легко установить валидатор для одной ячейки ввода. Мы используем jqGrid EditOptions в Model, чтобы добавить пользовательский класс для проверки:

"editoptions":{"class":" {validate: { range:[0,1] } }"}

вот и все!