title: jqGrid open dialog in front of edit/add dialog
body: <p>I can achieve the opening of a new dialog, but is opens behind the edit-/add-dailog. How can I make it opening in front of the edit-/add-dialog? If I do the same with an alert-box it works instantially.</p>
  
  <pre><code>&lt;style&gt;
  .dialogue{ z-index: 1000; }
  &lt;/style&gt;
  &lt;script type="text/javascript"&gt;
  jQuery(document).ready(function(){
      $('#A').dialog({
          autoOpen: false,
          buttons: {
              "Open Dialog B": function(){
               $('#B').dialog('open');
              }
          }
      });
      $('#B').dialog({
          autoOpen: false
      });
  
      jQuery("#list").jqGrid({
          sortable: true,
          url:'{{=URL('get',args=table)}}',
          datatype: 'json',
          mtype: 'GET',
          colNames:{{=h}},
          colModel :{{=b}},
          ondblClickRow: function (rowid) {
              myClickHandle.call(this, rowid);
          },
          jsonReader: { 
              repeatitems: false
          },
          width: 1024,
          height: '100%',
          pager: '#gridpager',
          rowNum:10,
          rowList:[10,20,30],
          sortname: 'id',
          sortorder: 'desc',
          viewrecords: true,
          gridview:true,
          caption: '{{=table}}',
          editurl:'{{=URL('adu',args=table)}}'
  
      });
      jQuery("#list").jqGrid('navGrid','#gridpager',
                             {edit:true}, 
                             { beforeShowForm: function(form) {
                                 $('.basic').live('click',function() {
                      $('#A').dialog("open");
              });
                        },
  
                       width:500,height:'100%',
                       reloadAfterSubmit:false,
                       closeAfterEdit:true}, // edit options
                       {width:500,height:'100%',
                       closeAfterAdd:true}, // add options
                       {reloadAfterSubmit:false,
                       closeAfterSubmit:true}, // del options
               {} // search options
               );
      jQuery("#list").jqGrid('navButtonAdd','#gridpager',{
          caption: "",
          title: "Reorder Columns",
          onClickButton : function (){
              jQuery("#list").jqGrid('columnChooser',{
                  done: function(perm) {
                      if (perm) {
                      var gridWidth = this.jqGrid('getGridParam', 'width');
                          this.jqGrid('setGridWidth', gridWidth);
                          this.jqGrid('remapColumns', perm, true);
                          $.ajax({
                              type: 'POST',
                              contentType: 'application/json; charset=utf-8',
                              url: "{{=URL('ps',args=(table,id))}}",
                              data: $('#list').jqGridExport({
                                  exptype: 'jsonstring',
                                  root: 'Settings'
                              })
                          });
                      }
                  }
              });
          }
      });
  
   }); 
  &lt;/script&gt;
  &lt;table id="list"&gt;&lt;/table&gt;
  
  &lt;div id="gridpager"&gt;
  &lt;/div&gt;
  &lt;div title="Dialog A" id="A" class="dialogue"&gt;Dialog A&lt;/div&gt;
  &lt;div title="Dialog B" id="B" class="dialogue"&gt;Dialog B&lt;/div&gt;
  </code></pre>
  
  <p>Greets Kluther</p>