function upList(){ //向上排序
var span = document.getElementById("trIds"); //得到要排序的tr所在的span,当然也可以设置要排序的tr的name。
var form = document.forms[0];
alert("form-========="+form);
if(form.radios == undefined || form.radios == "") //如果没有记录就不操作,防止没有记录点击排序按钮报错
{
return;
}
for(var i=0; i<form.radios.length;i++){
if(form.radios[i].checked){
if((i-1) < 0){
alert("已经到最顶端!");
}else{
var value1 = form.authOrders[i].value; //得到选择行的序号
var value2 = form.authOrders[i-1].value; //得到选择行前一行的序号
span.insertBefore(span.childNodes[i],span.childNodes[i-1]); //进行行的对调,选择行与前一行对换位置
form.authOrders[i].value = value1; //将开始选择行的序号赋给现在所在行 form.authOrders[i-1].value = value2; //将开始选择行前一行的序号赋给现在的所在行,及排序号不变,行对调
form.radios[i-1].checked = true; //将开始选择行的前一行的radio设置为选中状态,表示向上移了一行
}
}
}
}
function downList(){ //向下排序
var span = document.getElementById("trIds");
var form = document.forms[0];
if(form.radios == undefined || form.radios == "") //如果没有记录就不操作
{
return;
}
for(var i=0; i<form.radios.length;i++){
if(form.radios[i].checked){
if((i+1) > (form.radios.length-1)){
alert("已经到最底端!");
}else{
var value1 = form.authOrders[i].value; //得到选择行的序号
var value2 = form.authOrders[i+1].value; //得到选择行后一行的序号
if((i+2) > (form.radios.length-1)){
span.insertBefore(span.childNodes[i+1],span.childNodes[i]); //进行行的对调,选择行与后一行对换
form.radios[i+1].checked = true; //对调完后一行被选择,表示向下移动了一行
}else{
span.insertBefore(span.childNodes[i],span.childNodes[i+2]);
form.radios[i+1].checked = true;
}
form.authOrders[i].value = value1; //将开始选择行的序号赋给现在所在行
form.authOrders[i+1].value = value2; //将开始选择行后一行的序号赋给现在的所在行,及排序号不变,行对调
break;
}
}
}
}
分享到:
相关推荐
在编程领域,"上移下移代码"通常指的是在源代码文件中调整代码段的位置,以便改变它们的执行顺序或优化代码结构。这是一项常见的编程任务,尤其在处理逻辑流程或者重构代码时。以下是根据标题和描述涉及的一些关键...
以上代码提供了一个基本的表格行上移下移功能的实现思路。在实际项目中,你可能需要根据具体需求进行调整,比如处理表头(thead)、分页、数据绑定等复杂情况。`grid.js`可能是实现了类似功能的库,而`txt`文件可能...
在这个“jquery动态增加修改删除表格,上移下移功能”的项目中,开发者利用jQuery实现了对表格的动态操作,这在网页数据展示和管理中非常常见。 首先,我们来理解这个项目的标题:“jquery动态增加修改删除表格,上移...
"后台上移下移,编辑,删除效果"是常见的功能需求,特别是在管理界面或者数据列表展示中。这个功能通常涉及到JavaScript库,尤其是jQuery的运用,因为它提供了丰富的DOM操作和事件处理,使得动态更新数据变得简单易...
本篇文章将详细探讨如何使用JavaScript实现一个功能完备的表格,包括置顶、置底、上移、下移、添加和删除行的操作。 首先,我们需要创建一个基本的HTML结构,包含一个`<table>`元素,以及用于控制表格操作的按钮。...
### JSP 页面数据的上移下移实现方法 在网页应用开发中,有时我们需要实现列表项的上下移动功能,例如调整导航菜单、列表排序等。本文将详细介绍如何使用 JavaServer Pages (JSP) 实现这一功能,并通过示例代码进行...
这个"jQuery表格上移下移置顶代码.zip"文件包含了一个利用jQuery实现的功能,允许用户对表格中的数据行进行上移、下移和置顶操作,这在数据管理或展示界面中非常常见,比如在后台管理系统或者数据分析应用中。...
本文将深入探讨“jQuery Select 上移下移”这一主题,它涉及到如何利用jQuery来实现选择框(Select)中选项的上移和下移功能。 一、jQuery Select 基础 在HTML中,`<select>`元素用于创建下拉列表,而`<option>`...
总的来说,通过这个简单的实例,我们不仅学习了如何使用JavaScript实现数组元素的上移和下移操作,更通过这个过程加深了对JavaScript数组操作方法的认识,并且可以将这种认识应用到解决更复杂的问题上。在前端开发...
提供的HTML文件"ListBox动态添加数据删除数据和上移下移.html"可能包含一个演示示例,展示了如何使用JavaScript或jQuery在客户端实现上述功能。它可能包括按钮,分别对应添加、删除、上移和下移操作,以及一个...
在本文中,我们将深入探讨如何使用jqGrid,一个基于jQuery的表格插件,来实现单元格的上移和下移功能。jqGrid提供了一种高效且灵活的方式来展示和操作表格数据,包括与服务器端的数据交互。当我们需要调整表格中数据...
这篇教程主要讲解了如何使用JS实现点击上移下移LI行数据的功能,这在创建交互式列表,如任务列表或者菜单栏时非常实用。下面将详细阐述实现这个功能的关键步骤和涉及的JavaScript技术。 首先,我们需要理解HTML结构...
以上就是一个完整的ASP.NET中TreeView节点上移下移的实现过程,结合无刷新效果,可以提供流畅的用户体验。在实际应用中,你可能需要根据具体需求调整代码,例如添加错误处理、优化性能或增强界面交互性。
在前端开发中,处理数组元素的上移和下移操作是常见的需求,尤其是在列表项顺序调整、排序等功能中。JavaScript作为一种强大的脚本语言,提供了多种方法来操作数组,包括添加、删除和修改数组元素。在实现数组元素的...
本主题主要探讨如何利用HTML、CSS以及JavaScript库jQuery(简称`jq`)来实现`div`元素的添加、删除、上移和下移操作。这四个功能在动态布局和交互式用户界面设计中尤为常见。 首先,我们来看HTML部分。`div`元素...
Ext grid中数据上移下移
综上所述,"上移下移及表格复选框获取"这个功能涵盖了Web开发中的表格布局、用户交互、事件处理、数据操作等多个核心知识点,需要开发者具备扎实的HTML、CSS和JavaScript基础,同时也需要了解现代Web开发的最佳实践...
在JavaScript(JS)编程中,动态置顶、置底、上移和下移通常是用于处理数据列表或表格的常见操作,这些操作可以增强用户界面的交互性和可用性。本篇文章将详细探讨如何利用JS实现这些功能。 首先,我们需要理解基础...