最近项目中遇到了上移下移操作的一个操作,以前也看到过,但一直没有去研究过,这次项目中遇到了,也就去研究了一把,其实实现原理也挺简单的,说白了就是
要记录数据库里的要进行排序表的总记录数量,然后根据循环的次数,多写几个隐藏变量,进行上移下移操作的时候进行判断就可以了。
现在一起来看看具体的代码实现吧,希望会对那些没有做过这些操作的朋友有所帮助。
此版本为java版,上午已经写过了asp版本了,希望会对朋友们有所帮助。
具体实现:
<%@ page language="java" pageEncoding="utf-8"%>
<%@ page import="com.util.services.DbConnection" %>
<%@ page import="java.sql.*" %>
<%!
DbConnection conn = new DbConnection();
String sql = "";
int totalNum = 0;
ResultSet rs = null;
String moveflag = "";
%>
<%
moveflag = request.getParameter("moveflag");
if(null!=moveflag && !"".equals(moveflag)){
String movetype="";
int premenuid=0;
int premenuordernum=0,nextmenuid=0,nextmenuordernum=0,nowmenuid=0,nowmenuordernum=0;
movetype = request.getParameter("movetype");
nowmenuid = Integer.parseInt(request.getParameter("nowmenuid"));
nowmenuordernum = Integer.parseInt(request.getParameter("nowmenuordernum"));
if(movetype.equals("up")){
premenuid = Integer.parseInt(request.getParameter("premenuid"));
premenuordernum = Integer.parseInt(request.getParameter("premenuordernum"));
sql = "update c_menu set ordernum="+ premenuordernum +" where menuid="+ nowmenuid;
conn.executeUpdate(sql);
sql = "update c_menu set ordernum="+ nowmenuordernum +" where menuid="+ premenuid;
conn.executeUpdate(sql);
}
if(movetype.equals("down")){
nextmenuid = Integer.parseInt(request.getParameter("nextmenuid"));
nextmenuordernum = Integer.parseInt(request.getParameter("nextmenuordernum"));
sql = "update c_menu set ordernum="+ nextmenuordernum +" where menuid="+ nowmenuid;
conn.executeUpdate(sql);
sql = "update c_menu set ordernum="+ nowmenuordernum +" where menuid="+ nextmenuid;
conn.executeUpdate(sql);
}
out.println("<script>parent.location.href='index.jsp';</script>");
}
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>类型排序——上移下移操作(Java版)</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="类型排序,上移下移操作,java">
<meta http-equiv="description" content="类型排序——上移下移操作(Java版)">
<link rel="stylesheet" type="text/css" href="style/Styles.css">
<script language="javascript">
function moveMenu(menuid,menuordernum,movetype){
var num,prenum,premenuid,nextnum,nextmenuid,maxnum;
document.getElementById("movetype").value = movetype;
num = parseInt(menuordernum);
if(movetype=="up"){
if(num==1){
alert("当前已经处于第一位!");
}else{
prenum = document.getElementById("menuorder_"+(num-1)).value;
premenuid = document.getElementById("menuid_"+(num-1)).value;
document.getElementById("premenuid").value = premenuid;
document.getElementById("premenuordernum").value = prenum;
document.getElementById("nowmenuid").value = menuid;
document.getElementById("nowmenuordernum").value=menuordernum;
document.getElementById("form2").submit();
}
}else{
maxnum = parseInt(document.getElementById("totalMenus").value);
if(num>=maxnum){
alert("已经处于最后了!");
}else{
nextnum = document.getElementById("menuorder_"+(num+1)).value;
nextmenuid = document.getElementById("menuid_"+(num+1)).value;
document.getElementById("nextmenuid").value = nextmenuid;
document.getElementById("nextmenuordernum").value = nextnum;
document.getElementById("nowmenuid").value = menuid;
document.getElementById("nowmenuordernum").value = menuordernum;
document.getElementById("form2").submit();
}
}
}
</script>
</head>
<body>
<table id="Table1" cellSpacing="0" cellPadding="0" width="100%" border="0" align="center">
<tr>
<td align="center">
<table id="Table4" cellSpacing="0" cellPadding="0" width="98%" align="center" border="0">
<tr>
<td align="center">
<table class="td_table" cellspacing="1" cellpadding="0" align="center" rules="all" border="0" width="100%" ID="Table5">
<tr bgColor="#d8e5ff" height=23>
<td align="center" width="60"><b>序号</b></td>
<td align="center"><b>栏目名称</b></td>
<td align="center" width="60"><b>操作</b></td>
</tr>
<%
// 计算总记录数
sql = "select count(*) as totalNum from c_menu";
rs = conn.executeSql(sql);
if(rs.next()){
totalNum = rs.getInt("totalNum");
}
if(rs!=null){
try{
rs.close();
}catch(Exception e){
e.printStackTrace();
}
}
int i = 0;
// 显示详细信息
sql = "select * from c_menu order by ordernum asc";
rs=conn.executeSql(sql);
%>
<tr>
<td colspan="10" height="1" bgcolor="#d8e5ff"></td>
</tr>
<%
String color = "";
out.println("<input type=\"hidden\" name=\"totalMenus\" id=\"totalMenus\" value=\""+totalNum+"\">");
while(rs.next()){
if(i%2==0){
color = "#f3f6ff";
}else{
color = "#ffffff";
}
%>
<tr bgcolor="<%=color%>" height=23>
<td align="center"><%=i+1%><input type="hidden" name="menuorder_<%=i+1%>" id="menuorder_<%=i+1%>" value="<%=i+1%>"><input type="hidden" name="menuid_<%=i+1%>" id="menuid_<%=i+1%>" value="<%=rs.getInt("menuid")%>"></td>
<td align="left"> <font color=red><%=rs.getString("MenuName")%></font></td>
<td align="center">
<a href="#" onclick="moveMenu('<%=rs.getInt("menuid")%>','<%=i+1%>','up');"><img src="images/icon_digg.gif" border="0" alt="上移"/></a>
<a href="#" onclick="moveMenu('<%=rs.getInt("menuid")%>','<%=i+1%>','down');"><img src="images/icon_bury.gif" border="0" alt="下移"/></a>
</td>
</tr>
<%
i=i+1;
}
%>
</table>
</td>
</tr>
<tr>
<td colspan="2" height="1" bgcolor="#d8e5ff"></td>
</tr>
<%
if(rs!=null){
try{
rs.close();
}catch(Exception e){
e.printStackTrace();
}
}
%>
</table>
</td>
</tr>
</table>
<form action="index.jsp" method="post" name="form2" id="form2">
<input type="hidden" name="moveflag" id="moveflag" value="1">
<input type="hidden" name="movetype" id="movetype">
<input type="hidden" name="premenuid" id="premenuid">
<input type="hidden" name="premenuordernum" id="premenuordernum">
<input type="hidden" name="nowmenuid" id="nowmenuid">
<input type="hidden" name="nowmenuordernum" id="nowmenuordernum">
<input type="hidden" name="nextmenuid" id="nextmenuid">
<input type="hidden" name="nextmenuordernum" id="nextmenuordernum">
</form>
</body>
</html>
之前已经发布过asp版本了,此处就不多说了。如果有需要源代码的朋友的话,可以去我的博客里看看:
文章地址:
分类排序方法——上移下移操作(Java版)
分享到:
相关推荐
标题“实现上移下移”指的是在某种用户界面或应用程序中,用户可以通过上移和下移功能来调整列表项的顺序。这通常涉及到列表视图(ListView)或类似的数据展示控件,允许用户交互地重新排列列表中的条目。在这个场景中...
2. **方法和函数**:如果一段代码被封装为方法或函数,上移或下移可能意味着更改调用这些方法的时机,从而改变程序的行为。理解函数的作用和调用时机是调整代码顺序的关键。 3. **控制流程**:在Java、JavaScript等...
项目开发中列表展示页面涉及到一些条目的上下移动 ,由于数据量大时,服务端代码比较耗时, 所以我使用mysql 存储过程完成上下移动,比较通用方法,欢迎大家下载学习,共同进步
本文将深入探讨“Gridview上移下移标准版”这一主题,主要针对VS2005版本的ASP.NET环境。 首先,我们要明白GridView控件的基本概念。GridView是ASP.NET Web Forms中的一个服务器控件,它能够以表格形式显示数据源中...
本篇文章将详细讲解如何在`TreeView`中实现添加、删除、修改、上移和下移节点的功能。 **1. 添加节点** 添加节点是`TreeView`中最基础的操作。在编程中,我们通常会创建一个`TreeNode`对象,设置其文本和其他属性,...
上移 下移 动态移动,上移 下移 动态移动,上移 下移 动态移动,
在实际应用中,用户可能需要对数据进行排序,包括行的上移和下移操作,以便调整数据的显示顺序。以下是对这个主题的详细解释。 1. GridView概述: GridView控件提供了一个强大的界面来显示和编辑表格数据。它可以...
实现上移下移功能,具体绑定一个数据源,操作数据源,最后把数据源赋值给数据源。
在PHP编程中,“上移”...总的来说,"php上移下移"涉及的是PHP数组操作和用户交互,是Web开发中常见的功能实现,尤其适用于需要动态调整显示顺序的场景。通过`jobup.php`和`jobdown.php`,我们可以轻松地实现这一功能。
个性化表格上移下移,很特别的个性化表格,希望有人能用的到。。。。。。。。。。。。
4. **上移下移**:这项功能在列表或表格排序中很实用,允许用户调整行的顺序。用户可能点击上移或下移按钮,然后通过jQuery操作改变行的相对位置。 接下来,我们看下项目中的文件: - **accident_hand_input.htm**...
在IT行业中,尤其是在Web开发领域,"后台上移下移,编辑,删除效果"涉及到的是对数据列表的操作,这是常见的用户界面(UI)交互功能。这些功能通常在管理界面或者数据展示页面出现,允许管理员或者用户对数据进行...
### JSP 页面数据的上移下移实现方法 在网页应用开发中,有时我们需要实现列表项的上下移动功能,例如调整导航菜单、列表排序等。本文将详细介绍如何使用 JavaServer Pages (JSP) 实现这一功能,并通过示例代码进行...
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是...4、加了【最上】【最下】【上移】【下移】四个按钮排序的功能。目前按钮排序只能在Grid的单选模式下使用。 实现说明与功能演示请见我的Blog
7. **用户体验**:为了提供良好的用户体验,可以考虑添加视觉反馈,比如高亮选中的行,或者禁用上移/下移按钮当无法执行该操作时。 这个压缩包内的代码示例很可能是演示了以上提到的一些或全部步骤,以实现一个完整...
6. **数据操作**:在用户点击上移或下移按钮时,需要找到当前选中签到项在数组中的位置,并根据上移或下移操作调整其前后元素的位置。这通常涉及数组的`splice`、`shift`或`unshift`等方法。同时,要确保操作后列表...
文档"存储过程实现上移下移.doc"中详细介绍了如何利用存储过程来调整数据库表中的记录顺序,具体涉及到`ChannelSet`表的上移和下移操作。这个功能常见于需要按顺序展示或管理的数据列表,例如网站的频道、菜单或栏目...
在网页开发中,表格(Table)是展示数据常用的一种元素,尤其在管理界面或数据分析页面中,用户可能需要对表格中的行进行上移或下移操作,以调整数据的顺序。这种功能通常通过JavaScript实现,因为JavaScript允许...
《zTree右击操作详解——实现目录节点的上移、下移、置顶与置底功能》 在IT行业中,zTree是一款广泛使用的基于JavaScript的树状视图组件,它以其丰富的功能和良好的性能深受开发者喜爱。在日常的网页开发中,我们...