EasyUI DataGrid可編輯單元格

效果如圖：

 

首先在需要可編輯的列上添加一個editor屬性，列定義為numberbox編輯類型

<th field="SCORES"  editor="{type:'numberbox',options:{precision:0}}" width="120">默認分值 </th>

當用戶點擊一行的時候,我們開始一個編輯動作

$('#dg').datagrid({   
	onClickCell: function(index,field,value){
		$(this).datagrid('beginEdit', index);
		var ed = $(this).datagrid('getEditor', {index:index,field:field});
	} 
});