Позиция JQGrid предупреждающего сообщения AlertMod

Question

У меня есть несколько jqgrids на моей странице.Модальное всплывающее окно с предупреждением («Внимание, пожалуйста, выберите строку») всегда отображается вверху.Я хотел, чтобы модальное окно появилось рядом с JQGrid, из которого генерируется событие редактирования.Единственный способ заставить это работать - изменить исходный код JQGrid следующим образом:

//Line number 7866
if (o.edit) {
    tbd = $("<td class='ui-pg-button ui-corner-all'></td>");
    pEdit = pEdit || {};
    $(tbd).append("<div class='ui-pg-div'><span class='ui-icon "+o.editicon+"'></span>"+o.edittext+"</div>");
    $("tr",navtbl).append(tbd);
    $(tbd,navtbl)
    .attr({"title":o.edittitle || "",id: pEdit.id || "edit_"+elemids})
    .click(function(){
        if (!$(this).hasClass('ui-state-disabled')) {
            var sr = $t.p.selrow;
            if (sr) {
                if($.isFunction( o.editfunc ) ) {
                    o.editfunc(sr);
                } else {
                    $($t).jqGrid("editGridRow",sr,pEdit);
                }
            } else {
                $.jgrid.viewModal("#"+alertIDs.themodal,{gbox:"#gbox_"+$t.p.id,jqm:true});

                //***********
                //Added this to change the location of the Warning Alert window
                //Line number 7883
                $("#alertmod")[0].style.top =$("#gbox_"+$t.p.id)[0].offsetTop; 
                //***********

                $("#jqg_alrt").focus();
            }
        }
        return false;

Есть ли более простой способ добиться этого без изменения кода src.

Answer 1

см. Этот ответ jqGrid предупреждение, выберите позицию строки

это может быть одна альтернатива для того, что вы хотите.

var orgViewModal = $.jgrid.viewModal;
$.extend($.jgrid,{
    viewModal: function (selector,o){ 
        if(selector == '#alertmod'){
            var of = jQuery(o.gbox).offset();       
            var w = jQuery(o.gbox).width();       
            var h = jQuery(o.gbox).height(); 
            var w1 = $(selector).width();
            var h1 = $(selector).height();
            $(selector).css({
                'top':of.top+((h-h1)/2),
                'left':of.left+((w-w1)/2)
            });
        }
        orgViewModal.call(this, selector, o);
    }
});