private function orderDataGrid(evt:FilterOrderEvent):void
{
var selectedObj:Object = dg.selectedItem;
var selectIndex:int = dg.selectedIndex;
var tempObj:Object;
var dgData:ArrayCollection = ArrayCollection(dg.dataProvider);
if(evt.movePosition == FilterOrderEvent.FILTER_MOVE_UP && selectIndex > 0)
{
//上移
selectedObj.ORDER = String(selectIndex);
dgData.getItemAt(selectIndex - 1).ORDER = String(selectIndex+1);
dgData.addItemAt(selectedObj,selectIndex - 1);
dgData.removeItemAt(selectIndex + 1);
dg.selectedIndex = selectIndex;
}
else if(evt.movePosition == FilterOrderEvent.FILTER_MOVE_DOWN && selectIndex < dgData.length -1)
{
//下移
selectedObj.ORDER = String(selectIndex+2);
dgData.getItemAt(selectIndex + 1).ORDER = String(selectIndex+1);
dgData.addItemAt(selectedObj,selectIndex + 2);
dgData.removeItemAt(selectIndex);
dg.selectedIndex = selectIndex;
}
else if(evt.movePosition == FilterOrderEvent.FILTER_MOVE_TOP && selectIndex > 0)
{
//置顶
for(var i:int = 0; i <= selectIndex; i++)
{
tempObj = dgData.getItemAt(i);
tempObj.ORDER = String(i+2);
}
selectedObj.ORDER = "1"
dgData.addItemAt(selectedObj,0);
dgData.removeItemAt(selectIndex + 1);
dg.scrollToIndex(0);
dg.selectedIndex = 0;
}
else if(evt.movePosition == FilterOrderEvent.FILTER_MOVE_BUTTOM && selectIndex < (dgData.length - 1))
{
//置底
for(var j:int = selectIndex; j < dgData.length; j++)
{
tempObj = dgData.getItemAt(j);
tempObj.ORDER = String(j);
}
selectedObj.ORDER = String(dgData.length);
dgData.addItemAt(selectedObj,dgData.length);
dgData.removeItemAt(selectIndex);
dg.scrollToIndex(dgData.length-1);
dg.selectedIndex = dgData.length-1;
}
}
分享到:
相关推荐
当用户执行上移、下移、置顶或置底操作时,我们需要记录当前选中的行,并根据操作类型更新行的位置。例如,上移操作需要将当前行插入到其前一行之前,而下移操作则需要将当前行插入到其后一行之后。置顶操作则需要将...
vue 数组上移下移置顶置底公共工具类,支持批量上移下移
easyUI datagrid 行上移,下移,置顶,置底的方法
本文将详细介绍如何使用JavaScript实现表格行的上下移动、置顶和置底功能,并支持Ctrl多选、选中行样式改变以及行号显示等实用特性。 首先,我们需要创建一个HTML表格元素,包含若干行(tr)和单元格(td)。例如:...
本篇文章将详细探讨如何使用JavaScript实现一个功能完备的表格,包括置顶、置底、上移、下移、添加和删除行的操作。 首先,我们需要创建一个基本的HTML结构,包含一个`<table>`元素,以及用于控制表格操作的按钮。...
在JavaScript(JS)编程中,动态置顶、置底、上移和下移通常是用于处理数据列表或表格的常见操作,这些操作可以增强用户界面的交互性和可用性。本篇文章将详细探讨如何利用JS实现这些功能。 首先,我们需要理解基础...
EasyUI dataGrid 行上移,下移,置顶,置底的方法。jsp文件
easyUI datagrid 实现行上移,下移,置顶,置底,排序提交后台绑定键盘事件
在本项目中,"jQuery实现列表上下移动置顶+带入数据库文件" 是一个适合初学者的教程,它教你如何使用jQuery库来实现一个功能,允许用户在列表中上下移动条目并将其置顶,同时将这些操作同步到数据库中。这个教程包含...
在实际应用中,用户可能需要对数据进行排序,包括行的上移和下移操作,以便调整数据的显示顺序。以下是对这个主题的详细解释。 1. GridView概述: GridView控件提供了一个强大的界面来显示和编辑表格数据。它可以...
支持所有浏览器,包过IE6-8,支持多选行操作,支持不连续选择行表格操作,操作按钮单独分开的。
在本文中,我们将深入探讨如何使用Microsoft Foundation Class (MFC) 库来开发一个功能丰富的桌面文本编辑器,类似于便签应用,具有置顶和置底功能。MFC是Microsoft提供的一套C++类库,它封装了Windows API,使得...
置顶功能可将选中行移到数据集的开头,置尾则移到末尾。这同样需要根据当前选中行的索引,调用`DataGridView.Rows.Insert`或`RemoveAt`方法。 6. **XML数据存储和加载**: 使用C#的`System.Xml`命名空间来处理XML...
在网页开发中,"置顶"和"置底"的功能是非常常见的需求,它们通常用于实现元素固定在页面顶部或底部,即使用户滚动页面也不受影响。本文将深入探讨如何使用JavaScript来实现这两种效果,并提供相关代码示例。 首先,...
"网页左栏目右栏目相互移动"这个主题涉及到网页布局中的列管理,包括如何调整栏目位置、进行整体或个体移动,以及设置置顶和置底功能。在本篇中,我们将深入探讨这些概念,并结合HTML、CSS和JavaScript技术来实现...
控件背景透明,文字无闪烁,无重叠。窗口置底,窗口置顶。打开大文本文件,可编辑可全选可复制。可设置文本框字体。 文本框编辑器
本主题将详细探讨如何使用jQuery实现表格(table)中的行上移、下移和置顶功能,这对于数据排序和用户交互至关重要。 一、jQuery基础 在开始之前,确保已引入jQuery库。你可以通过以下方式在HTML文件中添加引用: ...
《zTree右击操作详解——实现目录节点的上移、下移、置顶与置底功能》 在IT行业中,zTree是一款广泛使用的基于JavaScript的树状视图组件,它以其丰富的功能和良好的性能深受开发者喜爱。在日常的网页开发中,我们...