title: JqGrid Add custom button to Row
body: <p>I am trying to add a custom button to a JqGrid that implements a 'Check Out' process.
  Basically, every row has a 'Check Out' button that if clicked should be able to send a post back to the server and update a shopping cart and then change the button text to 'Undo Check Out'.
  So far I have:</p>
  
  <pre><code>colNames: ['Id', ... , 'Action' ],
  colModel: [
  { name: 'Id', sortable: false, width: 1, hidden: true},
  ...
  { name: 'action', index: 'action', width: 75, sortable: false }
  ],
  ...
  gridComplete: function() {
              var ids = jQuery("#east-grid").jqGrid('getDataIDs');
              for (var i = 0; i &lt; ids.length; i++) {
                  var cl = ids[i];
                  checkout = "&lt;input style='height:22px;width:75px;' type='button' value='Check Out' onclick=\" ??? \"  /&gt;";
                  jQuery("#east-grid").jqGrid('setRowData', ids[i], { action: checkout });
              }
          },
  ...
  </code></pre>
  
  <p>Where '???' is the part I need to solve.</p>
  
  <p>Thank you in advance for your help.</p>