Проблема: Главное окно подтверждения показано сзади в затемненной области в jqGrid

Question

Когда сетка открыта, фон тускнеет. Когда я выбираю удалить несколько строк, отображается подтверждение удаления, но оно отображается на затемненном фоне: то есть сетка все еще находится спереди, а подтверждение удаления - то, что должно быть спереди. Что может быть причиной этого?

$("#termsGrid").jqGrid('navGrid','#termsGridPager',
    {edit:false,add:false,del:true,search:true,view:true,refresh:true}, 
    // edit options 
    {},
    // add options
    {},
    //del options
    {
        msg: "Selected records(s) will be permanently deleted and cannot be recovered.<br/> Are you sure?",
        afterSubmit : gridAfterSubmit,
        reloadAfterSubmit: true,
        closeOnEscape:true
    },
    // search options
    {multipleSearch:true,closeOnEscape:true},
    //view options
    {
        closeOnEscape:true
    }
);

Answer 1

Похоже на проблему с CSS.

Попробуйте настроить таблицу стилей с помощью соответствующего значения z-index для вашего сообщения с подтверждением.Они, вероятно, позиционируются как абсолютные, и если вы не определите правильный порядок (с z-index), это может привести к вашей проблеме., используйте Firebug с Firefox .

Answer 2

Вы можете попытаться изменить (увеличить) CSS-атрибут "z-index" диалогового окна "Удалить". Для этого нужно определить дополнительные параметры Del

.

beforeShowForm: function(form) {
    form.closest(".ui-jqdialog").css({"z-index":"3000"});
}

Здесь значение 3000 может быть установлено на любое другое значение. Значение по умолчанию, используемое jqGrid - 950.