`

easy ui datagrid上移下移一行

阅读更多
/**
 * 向上移动一行
 * 
 * @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;
}

 

0
0
分享到:
评论

相关推荐

    Easy Ui datagrid分页

    在ASP.NET开发中,Easy UI Datagrid是一款广泛使用的前端组件,它基于jQuery和CSS3,提供了丰富的表格展示功能,包括数据加载、排序、过滤、分页等。本篇将深入探讨Easy UI Datagrid的分页功能及其在ASP.NET中的应用...

    easy ui datagrid项目完整源代码

    其中,Datagrid 是 Easy UI 的核心组件之一,它用于展示数据表格,提供了丰富的功能,如排序、分页、过滤、编辑等。本项目源代码提供了完整的 Datagrid 实现,对于深入理解和应用 jQuery Easy UI Datagrid 具有极高...

    easy ui datagrid 增删改查+分页 asp.net

    数据库管理系统,不管是桌面版,还是网页版,我觉得最重要的功能是:增删改查+分页。文档里面的例子就是asp.net web form + easy ui 的datagrid。简单的演示了这五个重要功能。请用vs2010运行,数据库没有给出。

    EasyUI dataGrid 行上移,下移,置顶,置底的方法

    EasyUI dataGrid 行上移,下移,置顶,置底的方法。jsp文件

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid 行上移,下移,置顶,置底的方法

    jquery easy ui edatagrid 动态编辑表格 例子

    `edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的交互性和数据编辑能力。 首先,`edatagrid`是基于jQuery和Easy UI框架的一个组件,它允许用户在表格中直接进行数据...

    easyUI datagrid 实现行上移,下移,置顶,置底,排序提交后台绑定键盘事件

    easyUI datagrid 实现行上移,下移,置顶,置底,排序提交后台绑定键盘事件

    JQuery Easy-UI DataGrid性能调优

    综上所述,通过上述优化措施,可以有效改善JQuery Easy-UI DataGrid在大数据量下的性能问题,提升用户体验。此外,开发人员还可以根据具体情况进一步探索其他优化策略,以满足特定应用场景的需求。

    easy ui datagrid 从编辑框中获取值的方法

    在Web开发中,Easy UI Datagrid是一个非常实用的组件,它提供了一种高效的方式来展示和管理大量的表格数据。在实际应用中,我们经常需要从Datagrid的编辑框中获取用户输入的值,以便进行进一步的处理或验证。下面将...

    WPF DataGrid 行拖拽

    数据绑定是实现这一功能的关键,通过将DataGrid与ObservableCollection或其他可观察集合绑定,我们可以实时更新UI以反映数据的变化。 实现行拖放功能时,我们主要关注以下几点: 1. **事件监听**:我们需要监听...

    Easy UI常用的UI框架

    Easy UI 是一个基于 jQuery 的轻量级用户界面框架,它为开发者提供了丰富的组件,使得创建交互式的Web应用变得更加简单快捷。这个压缩包包含了各种与Easy UI相关的资源,包括API参考、开发手册、教程以及示例代码,...

    jquery easy ui 上下排序功能

    jQuery Easy UI 是一个基于 jQuery 的前端开发框架,它提供了一系列的UI组件,使得开发者能够快速构建功能丰富的Web应用。在jQuery Easy UI中,上下排序功能是常见的一种数据展示和交互方式,尤其适用于列表或者表格...

    C# WPF DataGrid行拖拽顺序交换

    标题"“C# WPF DataGrid行拖拽顺序交换”"描述的就是这样一个功能:用户按下某一行的行头(rowheader),拖动到目标位置,然后松开鼠标,从而完成列表项的顺序调整。 要实现这个功能,首先你需要确保DataGrid已经...

    WPF中DataGrid自定义实现最后一行下面跟一个汇总行,类似MT4

    本话题主要探讨如何在DataGrid中自定义实现最后一行后面添加一个汇总行,这在金融软件如MT4(MetaTrader 4)中非常常见,用于显示数据的总计或平均值等统计信息。 首先,我们需要了解DataGrid的基本用法。DataGrid...

    easy ui中文版

    Easy UI 是一个轻量级的前端开发框架,专为简化 Web 应用程序用户界面的构建而设计。这个框架基于 jQuery,并提供了丰富的组件,如表格、下拉菜单、按钮、对话框、轮播图等,使得开发者能够快速构建功能丰富的交互式...

    jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果

    总结来说,实现jQuery Easyui Datagrid的单行上移下移功能,关键在于理解Datagrid的结构和属性,以及如何操作DOM来调整行顺序。同时,保存移动结果需要遍历表格数据,获取并发送主键值。这样的功能扩展了Datagrid的...

    JavaScript提高:001:ASP.NET使用easy UI

    例如,你可以使用`<div>`元素配合Easy UI的"datagrid"组件创建数据表格,只需设置相应的属性,就能实现数据的分页、排序和过滤。对于交互式操作,如弹出对话框,可以利用Easy UI的"dialog"组件,通过JavaScript调用...

    easy UI Demo供初学者使用

    以表格(datagrid)为例,你可以创建一个基本的表格,只需定义一个`<table>`元素并添加easy UI的数据网格属性。比如: ```html 数据表格" class="easyui-datagrid" style="width:700px;height:250px" url="get_data...

Global site tag (gtag.js) - Google Analytics