解决easyui datagrid行编辑后序号错乱的问题

问题描述：使用easyui的datagrid组件的行编辑功能，当确认某行编辑完成后，序号出现错乱，如下图所示。

解决方法：自定义函数，编辑完成后调用该函数，来修正序号。

函数代码：

function myFixRownumber(serialNumFieldName) {
	if (serialNumFieldName == undefined) {//行号来自grid本身的配置参数，即rownumbers: true
		$('div.datagrid-cell-rownumber').each(function (rowindex) {
			var realRowNumber = parseInt(rowindex) + 1;
			$(this).html(realRowNumber);
		});
	} else { //行号来自指定的自定义列
		$('tr.datagrid-row div.datagrid-cell-c2-' + serialNumFieldName).each(function (rowindex) {
			var realRowNumber = parseInt(rowindex) + 1;
			$(this).html(realRowNumber);
		});
	}
}

说明：本函数可应对两种情况

1. 行号来自datagrid配置参数，即datagrid的配置项rownumbers为true，此时调用该函数无需实参。

2. 行号来自指定的自定义列，典型自定义列如下：

{
    field: "serialno", title: "序号", align: "center", width: 60,
    formatter: function (value, row, index) {  
        var gridOpts = $('#pg').pagination('options');//pg为分页控件id
        return gridOpts.pageSize * (gridOpts.pageNumber - 1) + (index + 1);
    }
}

此时调用该函数需要将用于显示序号的自定义列的列名（如上面代码中为“serialno”）作为实参传递给该函数，与行的formatter函数配合来修正行号。

【改进】myFixRownumber函数修正了所有行，可以增加一个行索引参数，只修正被编辑的行或指定某行，以改善性能。

function myFixRownumber(currIndex, serialNumFieldName) { //一次修正一行
	if (serialNumFieldName == undefined) {//行号来自grid本身的配置参数
		$('tr#datagrid-row-r1-1-' + currIndex + ' div.datagrid-cell-rownumber').html(parseInt(currIndex) + 1);
	} else { //行号来自指定的自定义列
		$('tr#datagrid-row-r2-2-' + currIndex + ' div.datagrid-cell-c2-' + serialNumFieldName).html(parseInt(currIndex) + 1);
	}
}