EASY UI 中文官網給出了行內編輯demo：http://www.jeasyui.net/tutorial/36.html，但是updateActions方法實際使用並不成功，在網上查了很久，總算找到了替代方法，即使用

$('#tt').datagrid('refreshRow', index)

替代demo中的

$('#tt').datagrid('updateRow',{
				index: index,
				row:{}
			});

具體程式碼轉載如下。此外還需注意的是，當row處於編輯開啟的狀態時，無論如何修改值，直到行編輯關閉前，使用 row.field 獲取到的值均是編輯開啟之前的值。對編輯後的新值做處理，需在 onAfterEdit 中進行。

$('#tt').datagrid({ title:'Editable DataGrid', iconCls:'icon-edit', width:660, height:250, singleSelect:true, idField:'itemid', url:'datagrid_data.json', columns:[[ {field:'itemid',title:'Item ID',width:60}, {field:'productid',title:'Product',width:100, formatter:function(value){ for(var i=0; i<products.length; i++){ if (products[i].productid == value) return products[i].name; } return value; }, editor:{ type:'combobox', options:{ valueField:'productid', textField:'name', data:products, required:true } } }, {field:'listprice',title:'List Price',width:80,align:'right',editor:{type:'numberbox',options:{precision:1}}}, {field:'unitcost',title:'Unit Cost',width:80,align:'right',editor:'numberbox'},