jqGrid Редактируемая модальная форма пользовательского вызова

Я использую jqGrid 4.9.3-pre - free Вот пример ok-soft-gmbh.com (Олег):

демонстрация

Но я вставил свою строку кода:

ondblClickRow: function (rowid) {
    $(this).jqGrid("viewGridRow", rowid, { caption: "Details of the invice" });
}

Модальное окно с каждым новым вызовом движется вниз. Я нашел строку, где изменения:

        if (!o.recreateForm) {
            var formProp = $self.data("formProp");
            console.log(formProp)
            if (formProp) {
                formProp.top = Math.max(formProp.top, 0);
                formProp.left = Math.max(formProp.left, 0);
                $.extend(o, formProp);
            }
        }

При каждом вызове модальное окно увеличивается на formProp.top и formProp.left.

Как решить эту проблему?

Олегу: Добрый день! Мне нужно задействовать viewGridRow и editGridRow кастомно. Тут по большей части только вы можете помочь. У меня при вызове модального окна, с каждым вызовом увеличивается сверху и слева.Пример своего кода не привожу. Но если нужно напишу.


jqgrid free-jqgrid
person Andrei Demidow    schedule 06.01.2016    source источник
comment
Добрый день! Не могли бы вы включить демо, которое воспроизводит проблему? Я не могу воспроизвести и изменить положение top и left в демо.   -  person Oleg    schedule 06.01.2016
comment
Я создал демонстрацию jsfiddle.net/OlegKi/tzp91wnf, которая воспроизводит проблему. Я изучу его и опубликую исправление ошибки с моим ответом позже.   -  person Oleg    schedule 06.01.2016

Ответы (1)


arrow_upward
0
arrow_downward

Спасибо за сообщение об ошибке! Я только что опубликовал исправление ошибки. Он изменил код внутренней функции savePositionOnHide, используемой для сохранения предыдущей позиции из

savePositionOnHide = function (propName, frmgr, h) {
    var $w = h.w, $form = $(frmgr), $gbox = this.closest(".ui-jqgrid"), top, left;
    if ($.contains($gbox[0], $w[0])) {
        // we use below .style.height and .style.width to save correctly "auto" and "100%" values
        // the "px" suffix will be saved too, but it's not a problem
        top = getCssStyleOrFloat($w, "top");
        left = getCssStyleOrFloat($w, "left");
    } else {
        top = $w.offset().top -
                ($gbox.offsetParent().offset().top +
                $gbox.offset().top +
                $gbox.position().top +
                parseFloat($gbox.css("border-top-width") || 0));
        left = $w.offset().left -
                ($gbox.offsetParent().offset().left +
                $gbox.offset().left +
                $gbox.position().left +
                parseFloat($gbox.css("border-left-width") || 0));
    }
    this.data(propName, {
        top: top,                 //parseFloat($w.css("top")),
        left: left,               //parseFloat($w.css("left")),
        width: getCssStyleOrFloat($w, "width"),             //$(h.w).width(),
        height: getCssStyleOrFloat($w, "height"),           //$(h.w).height(),
        dataheight: getCssStyleOrFloat($form, "height") || "auto",
        datawidth: getCssStyleOrFloat($form, "width") || "auto"
    });
    $w.remove();
    if (h.o) { h.o.remove(); }
}

to

savePositionOnHide = function (propName, frmgr, h) {
    var $w = h.w, $form = $(frmgr), $gbox = this.closest(".ui-jqgrid"),
        getTopOrLeftRelativeToGbox = function (topOrLeft) {
            return $w.offset()[topOrLeft] -
                ($gbox.offsetParent().offset()[topOrLeft] +
                $gbox.offset()[topOrLeft] +
                $gbox.position()[topOrLeft] +
                parseFloat($gbox.css("border-" + topOrLeft + "-width") || 0));
        };
    this.data(propName, {
        top: getTopOrLeftRelativeToGbox("top"),
        left: getTopOrLeftRelativeToGbox("left"),
        width: getCssStyleOrFloat($w, "width"),
        height: getCssStyleOrFloat($w, "height"),
        dataheight: getCssStyleOrFloat($form, "height") || "auto",
        datawidth: getCssStyleOrFloat($form, "width") || "auto"
    });
    $w.remove();
    if (h.o) { h.o.remove(); }
},

Надеюсь, проблема устранена при всех сочетаниях входных параметров редактирования формы. По крайней мере демо https://jsfiddle.net/OlegKi/tzp91wnf/ теперь работает правильно.

person Oleg    schedule 06.01.2016