Easyui 表格编辑单元格（Cell Editing in DataGrid）

<script type="text/javascript" src="datagrid-cellediting.js"></script>

	$('#dg').datagrid({
		data: data
	}).datagrid('enableCellEditing').datagrid('gotoCell', {
		index: 0,
		field: 'productid'
	});

属性从datagrid继承，下面是datagrid的属性。

名称	类型	描述	默认
clickToEdit	boolean	当单击此单元格时，要编辑该单元格。	true
dblclickToEdit	boolean	当双击该单元格时，要编辑该单元格。	false

这些事件是从datagrid继承而来的，下面是datagrid的事件。

名称	参数	描述
onBeforeCellEdit	index,field	在编辑单元格之前触发，返回false以拒绝编辑操作。
onCellEdit	index,field,value	在单元格编辑时触发。参数包含:index:编辑行索引。field:列字段名。value:键盘上按下的char代码的初始值。当按DEL或BACKSPACE键时，该值为空字符串。
onSelectCell	index,field	选择单元格时触发。
onUnselectCell	index,field	取消选择单元格触发。

下面的方法自datagrid继承.

名称	参数	描述
editCell	param	编辑一个单元格。参数'param'包含以下属性:index:行索引。field:字段名。代码实例: $('#dg').datagrid('editCell', { index: 0, field: 'productid' });
isEditing	index	如果选定行正在编辑，则返回true。
gotoCell	param	导航突出显示的单元格。可选参数值是: 'up','down','left','right',或者是一个 object 和 'index' and 'field' 属性. 代码实例: $('#dg').datagrid('gotoCell', 'down'); $('#dg').datagrid('gotoCell', { index: 0, field: 'productid' });
enableCellSelecting	none	在datagrid中启用单元格选择。
disableCellSelecting	none	禁用在datagrid中选择单元格。
enableCellEditing	none	在datagrid中启用单元格编辑。
disableCellEditing	none	禁用datagrid中的单元格编辑。
input	param	返回当前编辑框对象。代码实例: var input = $('#dg').datagrid('input', { index: 0, field: 'productid' }); if (input){ //... }
cell	none	返回包含‘index’和'field'属性的当前单元格信息。
getSelectedCells	none	返回所有选中的单元格。

EasyUI 表格编辑单元格（Cell Editing in DataGrid）