easyui datagrid合并行进入可编辑模式错位问题

来源：互联网发布：数据库like用法编辑：程序博客网时间：2024/05/01 09:46

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;}}

0 0