title: How can I implement a custom jqGrid delete button?
body: <p>I have added a delete button for each row into my jqGrid. Now I need to add functionality to those buttons. Each button has to delete the row which it is in and remove data from the server.  How can I do this?  Here is my code so far:</p>
  
  <pre><code>var lastsel;
  
  jQuery(document).ready(function () {
      jQuery("#list").jqGrid({
          url: '@Url.Action("Category1List")',
          datatype: 'json',
          mtype: 'GET',
          colNames: ['Navn', 'Slet'],
          colModel: [
              { name: 'Navn', index: 'Navn', width: 50,edittype: 'text', align: 'center', editable: true , key: true },
              { name: 'act', index: 'act', width: 75, sortable: false}],
          gridComplete: function () {
              var ids = jQuery("#list").jqGrid('getDataIDs');
              for (var i = 0; i &lt; ids.length; i++) {
                  var cl = ids[i];
                  be = "&lt;input style='height:22px;width:90px;' type='button' value='Slet' onclick=\"jQuery('#list').deleteRow('" + cl + "');\"  /&gt;";
                  jQuery("#list").jqGrid('setRowData', ids[i], { act: be });
              }
          },
  
          onSelectRow: function (id) {
              if (id &amp;&amp; id !== lastsel) {
                  jQuery('#list').jqGrid('restoreRow', lastsel);
                  jQuery('#list').jqGrid('editRow', id, true);
                  lastsel = id;
              }
          },
          editurl: '@Url.Action("GridSave")',
          rowNum: 50000,
          rowList: [5, 10, 20, 50],
          pager: '#page',
          sortname: 'Id',
          sortorder: "desc",
          viewrecords: true,
          height: "500px"
      });
  }); 
  </code></pre>