jqGrid jQueryUI - Custom dialog message showing up behind grid

I have a custom button in a grid that displays another grid (modal style). I'm trying to make a custom error message on the second grid but when the error occurs, the error dialog shows up behind the grid:

I guess only the code of the second grid is relevant.. here it goes:

var data = $("#grid").jqGrid('getGridParam','selrow');
if(!data) {
    $.jgrid.info_dialog($.jgrid.errors.errcap,$.jgrid.nav.alerttext,$.jgrid.edit.bClose);
}
else {
    ...
    ...
}

Answers


You will need to change the z-index of the modal dialog created by jqGrid. Having a jqGrid inside of a jQuery UI div can cause some display issues (specifically with the error dialogs and search dialogs). To fix the issue of the error message showing up behind the dialog the grid is in, you can use $('#info_dialog').css('z-index', '10000');.


Need Your Help

ExtJS4 / Sencha Touch 2: Reuse data (loaded into store) in different views with different sorting

sencha-touch extjs4 extjs datastore

I have data in an external database which can be accessed via JSON. Now I want to provide different views on these data sets (eg. different sorting, ..). Is it possible to use one single store for ...

Caliburn Micro, Bindable AppBar problems with pivot

c# wpf mvvm windows-phone-8 caliburn.micro

Im writing my first WP app with caliburn micro and try to use Caliburn Bindable AppBar. My app has basically only one pivot page (Conductor) with multiple pivot items (views).