easyui 修改单元格内容_EasyUI DataGrid 编辑单元格

如下图：

现改为单击某个单元格只对此单元格进行可编辑

需要进行编辑的列上添加 editor

也可以指定

小数位数：editor:{type:’numberbox’,options:{precision:1}}

文本类型：editor:’text’

checkbox：editor:{type:’checkbox’,options:{on:’启动’,off:’关闭’}}

效果如下：

核心代码

$.extend($.fn.datagrid.methods, {

editCell : function(jq, param) {

return jq.each(function() {

var opts = $(this).datagrid('options');

var fields = $(this).datagrid('getColumnFields', true).concat(

$(this).datagrid('getColumnFields'));

for ( var i = 0; i < fields.length; i++) {

var col = $(this).datagrid('getColumnOption', fields[i]);

col.editor1 = col.editor;

if (fields[i] != param.field) {

col.editor = null;

}

}

$(this).datagrid('beginEdit', param.index);

for ( var i = 0; i < fields.length; i++) {

var col = $(this).datagrid('getColumnOption', fields[i]);

col.editor = col.editor1;

}

});

}

});

var editIndex = undefined;

//结束编辑

function endEditing() {

if (editIndex == undefined) {

return true

}

if ($('#dg').datagrid('validateRow', editIndex)) {

$('#dg').datagrid('endEdit', editIndex);

editIndex = undefined;

return true;

} else {

return false;

}

}

//单击单元格

function onClickCell(index, field) {

if (endEditing()) {

$('#dg').datagrid('selectRow', index).datagrid('editCell', {

index : index,

field : field

});

editIndex = index;

}

}