`
cfqlove
  • 浏览: 36477 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

FlexData 行 上移 下移动,置顶,置底

    博客分类:
  • Flex
阅读更多

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; 
	}
}

分享到:
评论

相关推荐

    js操作table行的上下移动,置顶置底

    当用户执行上移、下移、置顶或置底操作时,我们需要记录当前选中的行,并根据操作类型更新行的位置。例如,上移操作需要将当前行插入到其前一行之前,而下移操作则需要将当前行插入到其后一行之后。置顶操作则需要将...

    vue 数组上移下移置顶置底公共工具类

    vue 数组上移下移置顶置底公共工具类,支持批量上移下移

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

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

    js table行的上下移动,置顶置底,支持ctrl多选

    本文将详细介绍如何使用JavaScript实现表格行的上下移动、置顶和置底功能,并支持Ctrl多选、选中行样式改变以及行号显示等实用特性。 首先,我们需要创建一个HTML表格元素,包含若干行(tr)和单元格(td)。例如:...

    js动态构建可以置顶、置底、上移、下移

    本篇文章将详细探讨如何使用JavaScript实现一个功能完备的表格,包括置顶、置底、上移、下移、添加和删除行的操作。 首先,我们需要创建一个基本的HTML结构,包含一个`&lt;table&gt;`元素,以及用于控制表格操作的按钮。...

    JS技术实现动态置顶、置底、上移、下移

    在JavaScript(JS)编程中,动态置顶、置底、上移和下移通常是用于处理数据列表或表格的常见操作,这些操作可以增强用户界面的交互性和可用性。本篇文章将详细探讨如何利用JS实现这些功能。 首先,我们需要理解基础...

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

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

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

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

    jQuery实现列表上下移动置顶+带入数据库文件

    在本项目中,"jQuery实现列表上下移动置顶+带入数据库文件" 是一个适合初学者的教程,它教你如何使用jQuery库来实现一个功能,允许用户在列表中上下移动条目并将其置顶,同时将这些操作同步到数据库中。这个教程包含...

    GridView控件行上移、下移

    在实际应用中,用户可能需要对数据进行排序,包括行的上移和下移操作,以便调整数据的显示顺序。以下是对这个主题的详细解释。 1. GridView概述: GridView控件提供了一个强大的界面来显示和编辑表格数据。它可以...

    js表格行上移下移置顶置底

    支持所有浏览器,包过IE6-8,支持多选行操作,支持不连续选择行表格操作,操作按钮单独分开的。

    MFC 制作文本编辑器 桌面便签 置顶 置底(源代码)

    在本文中,我们将深入探讨如何使用Microsoft Foundation Class (MFC) 库来开发一个功能丰富的桌面文本编辑器,类似于便签应用,具有置顶和置底功能。MFC是Microsoft提供的一套C++类库,它封装了Windows API,使得...

    DataGridView实现选中复制删除上下移动置顶置尾行xml功能

    置顶功能可将选中行移到数据集的开头,置尾则移到末尾。这同样需要根据当前选中行的索引,调用`DataGridView.Rows.Insert`或`RemoveAt`方法。 6. **XML数据存储和加载**: 使用C#的`System.Xml`命名空间来处理XML...

    置顶和置底的js

    在网页开发中,"置顶"和"置底"的功能是非常常见的需求,它们通常用于实现元素固定在页面顶部或底部,即使用户滚动页面也不受影响。本文将深入探讨如何使用JavaScript来实现这两种效果,并提供相关代码示例。 首先,...

    网页左栏目右栏目相互移动,全部移动,单个移动,置顶,置底,向上向下

    "网页左栏目右栏目相互移动"这个主题涉及到网页布局中的列管理,包括如何调整栏目位置、进行整体或个体移动,以及设置置顶和置底功能。在本篇中,我们将深入探讨这些概念,并结合HTML、CSS和JavaScript技术来实现...

    MFC 制作文本编辑器 桌面便签 置顶 置底

    控件背景透明,文字无闪烁,无重叠。窗口置底,窗口置顶。打开大文本文件,可编辑可全选可复制。可设置文本框字体。 文本框编辑器

    jQuery实现table上移下移和置顶

    本主题将详细探讨如何使用jQuery实现表格(table)中的行上移、下移和置顶功能,这对于数据排序和用户交互至关重要。 一、jQuery基础 在开始之前,确保已引入jQuery库。你可以通过以下方式在HTML文件中添加引用: ...

    ztree右击上移下移.rar

    《zTree右击操作详解——实现目录节点的上移、下移、置顶与置底功能》 在IT行业中,zTree是一款广泛使用的基于JavaScript的树状视图组件,它以其丰富的功能和良好的性能深受开发者喜爱。在日常的网页开发中,我们...

Global site tag (gtag.js) - Google Analytics