<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="800" minHeight="500">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.utils.StringUtil;
import spark.events.IndexChangeEvent;
[Bindable]
public var memberListData:ArrayCollection=new ArrayCollection([
{MemberLevel:"管理员"},
{MemberLevel:"快计培训"},
{MemberLevel:"网页设计师"},
{MemberLevel:"程序员"},
{MemberLevel:".net开发"},
{MemberLevel:"C++编程"},
{MemberLevel:".net开发"},
{MemberLevel:"管理员"},
{MemberLevel:"C++编程"},
{MemberLevel:"程序员"}
]);
protected function button1_clickHandler(event:MouseEvent):void
{
this.memberListData.removeItemAt(CouNum);
}
private var CouNum:int=-1;
protected function lst_exam_changeHandler(CountNum:int):void
{
CouNum=CountNum;
this.Del.enabled=true;
}
protected function AddClick(event:MouseEvent):void
{
var obj:Object=new Object();
obj.MemberLevel=this.PostMember.text;
if(StringUtil.trim(this.PostMember.text)!=""){
this.memberListData.addItem(obj);
this.PostMember.text="";
}else{
Alert.show("添加的数据不能为空!");
}
}
]]>
</fx:Script>
<s:BorderContainer width="100%" height="100%" horizontalCenter="0" verticalCenter="0">
<s:List x="209" y="119" width="234" height="437" dataProvider="{memberListData}" labelField="MemberLevel" id="lst_exam" change="lst_exam_changeHandler(this.lst_exam.selectedIndex)"></s:List>
<s:Button x="506" y="167" label="删除数据" click="button1_clickHandler(event)" id="Del" enabled="false"/>
<s:TextInput x="506" y="243" id="PostMember"/>
<s:Button x="642" y="243" label="添加数据" click="AddClick(event)"/>
</s:BorderContainer>
</s:Application>
FROM:http://blog.sina.com.cn/s/blog_62b37fda0100yfoi.html
分享到:
相关推荐
综上所述,这个`FLEXList`项目展示了如何使用Flex的`List`组件来创建一个具有动态添加、删除功能的列表,并且通过视觉特效增强了用户体验。开发者通过Flex的强大功能和灵活性,能够创建出高效、互动的Web应用,满足...
示例代码中展示了如何通过AS3脚本来动态地添加或删除`ArrayCollection`中的数据。`addItem()`函数会在指定位置插入新数据,而`deleteItem()`函数则会移除选中的项。这种动态操作数据源的能力,使得`List`组件能够...
在Flex4.x中,构建一个可编辑的List组件并实现带序号排列的功能是一项常见的需求,这主要涉及到Flex4的List组件、数据绑定、ItemRenderer自定义以及数据管理等方面的知识。下面将详细介绍如何实现这样的功能。 1. *...
在Flex4中,List组件是用于展示数据列表的常用组件,它可以显示一组可滚动的数据项。在实际应用中,我们经常需要实现对列表中的所有项进行全选或反选的操作,以便用户能快速选择或取消选择全部内容。本文将详细探讨...
本篇文章将重点讲解如何在Flex4中向Tree组件添加和删除XML数据节点。 Flex4是一款强大的开发工具,它基于ActionScript 3.0和Flash Player或Adobe AIR运行时,用于创建富互联网应用程序(RIA)。Tree组件是Flex中...
本篇文章将聚焦于如何将ArrayCollection转换为XML数据源,并实现Flex Tree组件的新增、删除和修改功能。以下是详细的解释和步骤。 首先,ArrayCollection是Flex中常用的数据结构,它是一个动态数组,支持数据绑定和...
例如,可以根据数据量动态添加或删除List的列表项,或者在用户操作后创建新的UI元素。 6. **账号登录系统**:描述中提到了账号登录功能,这通常涉及到基本的身份验证机制。在Flex中,开发者可能会使用HTTPService或...
`ArrayCollection`是基于数组的数据提供器,它可以对数组进行添加、删除、排序等操作,并且支持数据绑定。当我们需要实现分页时,`ArrayCollection`可以通过设置`length`属性限制当前页面的数据量。 2. **分页组件*...
Flex中的List、DataGrid等组件可以绑定到数据源,当数据从服务器加载时,这些组件会自动更新。HTTPService或WebService组件可以配置为GET请求,以获取服务器上的数据。 3. **更新(Update)**:更新数据涉及选择要...
上述代码展示了如何在Flex 4中添加新的数据项(使用addItem),删除选定的数据项(使用removeItemAt)以及修改现有数据项(通过访问数据项并更新其属性)。请注意,这些操作都是实时的,因为ArrayCollection会自动...
在购物车案例中,可能涉及到与后台数据库交互,如添加、删除和更新购物车中的商品,这就需要用到Flex的HTTPService或WebService组件。 5. **XML数据格式**:catalog.xml可能是存储商品信息的数据文件,XML作为一种...
在DataGrid中添加和删除行涉及到数据源的动态操作。添加新行时,需要创建一个新的数据对象,将其添加到数据源,然后DataGrid会自动更新以显示新行。删除行则需要从数据源中移除相应的数据对象,并刷新DataGrid。 五...
在大多数情况下,Flex会自动处理拖放后的数据整合,可能包括从发起者中删除数据。 #### 单一组件的角色转换 Flex中的单个组件不仅可以充当拖动发起者,还可以成为拖放目标,这意味着可以在同一个组件内部移动数据...
在本压缩包中,"flex增删改查例子(完整版)"是一个示例项目,旨在帮助开发者了解如何在Flex中实现数据库操作的基本功能,包括添加(Add)、删除(Delete)、修改(Update)和查询(Query)数据。 1. **Flex基础...
DataGrid可以与各种数据源绑定,包括Array、ArrayCollection、XMLList等,也可以通过数据提供者机制连接到更复杂的后端服务。 二、DataGrid的基本使用 创建一个基本的DataGrid涉及以下几个步骤: 1. 导入必要的库:...
在Flex开发中,FlexStore通常与数据网格(DataGrid)或列表组件(List)结合使用,用于展示和操作数据。它是基于AMF(Action Message Format)技术,能够高效地在客户端和服务器之间传输数据,降低了网络延迟,提高...
在Flex中,可以使用getQualifiedClassName函数来获取一个对象的数据类型。 10. 生成验证码 验证码的生成可以通过Math.random()函数生成随机数,然后根据随机数生成相应的字符,可以是数字或者字母。通过循环和条件...
通过拖放操作,用户能够选择一个对象(例如`List`控件或Flex中的`Image`控件),并将其拖动至另一个组件(容器)中,最终将该对象添加到目标组件内。 #### 二、关于拖放操作 拖放操作主要包括三个阶段:初始化、...
2. 然后,使用找到的原始对象及其在`employees.list`中的索引,调用`list.removeItemAt(index)`来删除数据: ```actionscript public function deleteEmployee(id:int):void { var obj:OrgEmployee = ...
在这个场景中,我们关注的是一个实现"右对齐的标签云",它具备动态添加和删除标签的功能。下面将详细介绍这个知识点及其相关技术。 一、标签云的原理与设计 标签云通常基于文本数据,例如博客文章的标签,通过调整...