easy ui datagrid上移下移一行-CSDN博客

本文介绍了一种使用EasyUI库中的数据表格组件进行行上移和下移操作的方法。通过自定义JavaScript函数实现行的选择、删除及重新插入，确保数据的正确性和用户交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 向上移动一行
 * 
 * @param dg
 * @param row
 */
function moveupRow(dg, row) {
	var datagrid = $(dg);
	var index = datagrid.datagrid("getRowIndex", row);
	if (isFirstRow(dg, row)) {
		warn("已经是第一条！");
		return;
	}
	datagrid.datagrid("deleteRow", index);
	datagrid.datagrid("insertRow", {
		index : index - 1, // 索引从0开始
		row : row
	});
	datagrid.datagrid("selectRow", index - 1);
}
/**
 * 向下移动一行
 * 
 * @param dg
 * @param row
 */
function movedownRow(dg, row) {
	var datagrid = $(dg);
	var index = datagrid.datagrid("getRowIndex", row);
	if (isLastRow(dg, row)) {
		warn("已经是最后一条！");
		return;
	}
	datagrid.datagrid("deleteRow", index);
	datagrid.datagrid("insertRow", {
		index : index + 1, // 索引从0开始
		row : row
	});
	datagrid.datagrid("selectRow", index + 1);

}
/**
 * 是否是第一条数据
 * 
 * @param dg
 * @param row
 * @returns {Boolean}
 */
function isFirstRow(dg, row) {
	var index = $(dg).datagrid("getRowIndex", row);
	if (index == 0) {
		return true;
	}
	return false;
}
/**
 * 是否是最后一条数据
 * 
 * @param dg
 * @param row
 * @returns {Boolean}
 */
function isLastRow(dg, row) {
	var rowNum = $(dg).datagrid("getRows").length;
	var index = $(dg).datagrid("getRowIndex", row);
	if (index == (rowNum - 1)) {
		return true;
	}
	return false;
}