当前位置:首页 > 开发 > Web前端 > 前端 > 正文

easy ui datagrid上移下移一行

发表于: 2014-08-11   作者:商人shang   来源:转载   浏览:
摘要: /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
/**
 * 向上移动一行
 * 
 * @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;
}

 

easy ui datagrid上移下移一行

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
实现数据的上移和下移功能 实现效果如下: 功能实现过程为:上移和下移是交换两条数据的位置序号。
js操作表格操方法,增加,删除行,上移,下移一行选定行 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
初始效果: 排序保存后的效果: 实现过程: 本项目中要求:后天可以对10条热门问题进行排序,这也决
其思想:在于对每个按钮click事件的each;dom元素移动,jquery的添加功能完全可以实现。 <!DOCTY
1.前台页面 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g
公司项目中用到了dev treeList 控件,用来显示分类列表,在同事录入数据时候抱怨不能对分类进行排序
在接连几个项目中都用到了类似这种,排序的功能 现在整理一下思路, 就是对第一条记录和最后一条记
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的
1 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 2 3 <script ty
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号