easyui datagrid合并行进入可编辑模式错位问题,只需要在每次结束行编辑时,重新设定行合并即可。
加载datagrid:
$("#datagrid").datagrid({
rownumbers : false,
pageSize : 100,
pageList : [100 ,200],
pagination : false,
singleSelect : true,
checkOnSelect: false,
selectOnCheck: false,
fitColumns : true,
nowrap : true,
border : false,
fit:true,
onLoadSuccess:function(){
merges();
}
});
合并行函数:
//合并行
function merges(){
var merges = [{
index:0,
rowspan:2
},
{
index:2,
rowspan:2
}];
for(var i=0; i<merges.length; i++){
$("#datagrid").datagrid('mergeCells',{
index:merges[i].index,
field:'f1',
rowspan:merges[i].rowspan
});
}
}
单击进入可编辑事件:
//开启行编辑,绑定事件
function onClickRow(index){
//开启点击行的编辑
if (editIndex == undefined){
$("#datagrid").datagrid('beginEdit', index);
editIndex = index;
}else{
$("#datagrid").datagrid('endEdit', editIndex);
merges();
$("#datagrid").datagrid('beginEdit', index);
editIndex = index;
}
}