使用jQuery EasyUI实现数据表格行编辑功能

             <table id="prodgEdit" style="width: 500px;" class="easyui-datagrid"
               data-options="
                    iconCls: 'icon-edit',
singleSelect: true">
             <thead>
             <tr class="tr_middle">
                 <th class="td_middle" field="description" width="100px">标题1</th>
                 <th class="td_middle" field="count" width="100px" editor="{type:'numberbox',options:{precision:3, min:1,digits:true,max:99999999}}">标题2</th>
                 <th class="td_middle" field="unitPrice" width="100px" editor="{type:'numberbox',options:{precision:2, min:0.01,max:99999999}}">标题3</th>
                 <th class="td_middle" field="unit" width="100px">标题4</th>
                 </tr></thead>
             </table> 



 function endEditing(){
          if (editIndex == undefined){return true}
          if ($('#prodgEdit').datagrid('validateRow', editIndex)){
              $('#prodgEdit').datagrid('endEdit', editIndex);
              editIndex = undefined;
              return true;
          } else {
              return false;
          }
  }

 function accept(){
          if (endEditing()){
              $('#prodgEdit').datagrid('acceptChanges');
          }