jqGrid Edit - Form

jqGrid v4.6

by 1004lucifer

HTML

<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/css/ui.jqgrid.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-kr.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/jquery.jqGrid.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css">
<div style="height:300px">
  <table id="editgrid"></table>
  <div id="pagered"></div>
  <input type="BUTTON" id="bedata" value="Edit Selected" />
</div>

JavaScript

var serverXmlData = `
<rows>
  <page>1</page>
  <total>2</total>
  <records>13</records>
  <row id='13'>
    <cell>13</cell>
    <cell>2007-10-06</cell>
    <cell><![CDATA[Client 3]]></cell>
    <cell>1000.00</cell>
    <cell>0.00</cell>
    <cell>1000.00</cell>
    <cell>No</cell>
    <cell>TNT</cell>
    <cell><![CDATA[]]></cell>
  </row>
  <row id='12'>
    <cell>12</cell>
    <cell>2007-10-06</cell>
    <cell><![CDATA[Client 2]]></cell>
    <cell>700.00</cell>
    <cell>140.00</cell>
    <cell>840.00</cell>
    <cell>No</cell>
    <cell>FedEx</cell>
    <cell><![CDATA[]]></cell>
  </row>
  <row id='11'>
    <cell>11</cell>
    <cell>2007-10-06</cell>
    <cell><![CDATA[Client 1]]></cell>
    <cell>600.00</cell>
    <cell>120.00</cell>
    <cell>720.00</cell>
    <cell>No</cell>
    <cell>FedEx</cell>
    <cell><![CDATA[]]></cell>
  </row>
  <row id='10'>
    <cell>10</cell>
    <cell>2007-10-06</cell>
    <cell><![CDATA[Client 2]]></cell>
    <cell>100.00</cell>
    <cell>20.00</cell>
    <cell>120.00</cell>
    <cell>Yes</cell>
    <cell>TNT</cell>
    <cell><![CDATA[]]></cell>
  </row>
  <row id='9'>
    <cell>9</cell>
    <cell>2007-10-06</cell>
    <cell><![CDATA[Client 1]]></cell>
    <cell>200.00</cell>
    <cell>40.00</cell>
    <cell>240.00</cell>
    <cell>No</cell>
    <cell>TNT</cell>
    <cell><![CDATA[]]></cell>
  </row>
  <row id='8'>
    <cell>8</cell>
    <cell>2007-10-06</cell>
    <cell><![CDATA[Client 3]]></cell>
    <cell>200.00</cell>
    <cell>0.00</cell>
    <cell>200.00</cell>
    <cell>No</cell>
    <cell>FedEx</cell>
    <cell><![CDATA[]]></cell>
  </row>
  <row id='7'>
    <cell>7</cell>
    <cell>2007-10-05</cell>
    <cell><![CDATA[Client 2]]></cell>
    <cell>120.00</cell>
    <cell>12.00</cell>
    <cell>134.00</cell>
    <cell>Yes</cell>
    <cell>TNT</cell>
    <cell><![CDATA[]]></cell>
  </row>
  <row id='6'>
    <cell>6</cell>
    <cell>2007-10-05</cell>
    <cell><![CDATA[Client 1]]></cell>
    <cell>50.00</cell>
   ...