title: How to delete a jqgrid row without reloading the entire grid?
body: <p>I have a webpage with multiple jqgrids each with inline editing enabled, "action" column (edit icons) enabled and pager disabled. I need to handle the delete event for each row so that I can process the delete without reloading server-side data. I've looked at the approach mentioned in <a href="https://stackoverflow.com/questions/6122392/jqgrid-delete-a-row">jqGrid Delete a Row</a> and it's very helpful except I have two questions that are stumping me -</p>
  
  <ol>
  <li>Are there more details around the <code>rp_ge</code> parameter in the <code>delOptions.onClickSubmit</code> event?
  My column has the delOptions set as this -   </li>
  </ol>
  
  <p><code>delOptions: {onclickSubmit: function(rp_ge, rowid) {return onRowDelete(rp_ge,rowid);}},processing:true }},</code></p>
  
  <p>Is there a way to get the grid id from within that event? I'd like to have a generic function that I can use to handle delete events from all the grids on the page. The <code>rp_ge</code> parameter has a <code>gbox</code> which sometimes contains the grid id appended? But I have no idea what it is since i'm not able to figure out when it's populated, when it's not.</p>
  
  <pre><code>function onRowDelete(rp_ge, rowid) {
   //hardcoded grid id.. don't like it.
   var gridid = '#Grid_X';
   //what is this gbox?? can i get grid id predictable from it?
   //var gridid = rp_ge.gbox.replace("#gbox_", "");
   var grid = $('#Grid_X');
   rp_ge.processing = true;
   var result = grid.delRowData(rowid);
   if (result) {
      $("#delmod" + grid[0].id).hide();
   }
   return true;
  }
  </code></pre>
  
  <ol start="2">
  <li>In the <a href="https://stackoverflow.com/questions/6122392/jqgrid-delete-a-row">jqGrid Delete a Row</a> approach, the code <code>$("#delmod"+grid[0].id).hide();</code> is hiding the popup delete confirmation dialog manually. What I noticed is that when the dialog pops-up, jqgrid de-emphasizes the background page (makes it light greyish). But after the popup is manually closed (hidden actually?), the background remains de-emphasized. So it looks like the page doesn't have focus (or even disabled). Any way this can be fixed? This can also be seen on the <a href="http://www.ok-soft-gmbh.com/jqGrid/ActionButtons.htm" rel="nofollow noreferrer">demo</a> that <a href="https://stackoverflow.com/users/315935/oleg">Oleg</a> wrote.</li>
  </ol>
  
  <p>Any help would be appreciated. 
  (PS - I would've commented on the same post but I don't have enough points to comment on someone else's answer yet.)</p>