`
jaczhao
  • 浏览: 86885 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

FLEX list添加数据删除数据

阅读更多
<?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
分享到:
评论

相关推荐

    FLEX_List).rar_flex_flex list_flex li_flex lis_flex list

    综上所述,这个`FLEXList`项目展示了如何使用Flex的`List`组件来创建一个具有动态添加、删除功能的列表,并且通过视觉特效增强了用户体验。开发者通过Flex的强大功能和灵活性,能够创建出高效、互动的Web应用,满足...

    flex组件LIST使用

    示例代码中展示了如何通过AS3脚本来动态地添加或删除`ArrayCollection`中的数据。`addItem()`函数会在指定位置插入新数据,而`deleteItem()`函数则会移除选中的项。这种动态操作数据源的能力,使得`List`组件能够...

    Flex4.x 构建可编辑的List【带序号排列】

    在Flex4.x中,构建一个可编辑的List组件并实现带序号排列的功能是一项常见的需求,这主要涉及到Flex4的List组件、数据绑定、ItemRenderer自定义以及数据管理等方面的知识。下面将详细介绍如何实现这样的功能。 1. *...

    flex4 list全选,反选

    在Flex4中,List组件是用于展示数据列表的常用组件,它可以显示一组可滚动的数据项。在实际应用中,我们经常需要实现对列表中的所有项进行全选或反选的操作,以便用户能快速选择或取消选择全部内容。本文将详细探讨...

    向Tree空间添加删除XML数据节点_Flex4

    本篇文章将重点讲解如何在Flex4中向Tree组件添加和删除XML数据节点。 Flex4是一款强大的开发工具,它基于ActionScript 3.0和Flash Player或Adobe AIR运行时,用于创建富互联网应用程序(RIA)。Tree组件是Flex中...

    Flex Tree 通过Arraycollection转化为XML数据源,新增、删除、修改功能的整合

    本篇文章将聚焦于如何将ArrayCollection转换为XML数据源,并实现Flex Tree组件的新增、删除和修改功能。以下是详细的解释和步骤。 首先,ArrayCollection是Flex中常用的数据结构,它是一个动态数组,支持数据绑定和...

    Flex手机项目代码

    例如,可以根据数据量动态添加或删除List的列表项,或者在用户操作后创建新的UI元素。 6. **账号登录系统**:描述中提到了账号登录功能,这通常涉及到基本的身份验证机制。在Flex中,开发者可能会使用HTTPService或...

    flex分页代码

    `ArrayCollection`是基于数组的数据提供器,它可以对数组进行添加、删除、排序等操作,并且支持数据绑定。当我们需要实现分页时,`ArrayCollection`可以通过设置`length`属性限制当前页面的数据量。 2. **分页组件*...

    flex可以使用的crud例子

    Flex中的List、DataGrid等组件可以绑定到数据源,当数据从服务器加载时,这些组件会自动更新。HTTPService或WebService组件可以配置为GET请求,以获取服务器上的数据。 3. **更新(Update)**:更新数据涉及选择要...

    flex4 简单增删改实例

    上述代码展示了如何在Flex 4中添加新的数据项(使用addItem),删除选定的数据项(使用removeItemAt)以及修改现有数据项(通过访问数据项并更新其属性)。请注意,这些操作都是实时的,因为ArrayCollection会自动...

    Flex 购物车整站代码

    在购物车案例中,可能涉及到与后台数据库交互,如添加、删除和更新购物车中的商品,这就需要用到Flex的HTTPService或WebService组件。 5. **XML数据格式**:catalog.xml可能是存储商品信息的数据文件,XML作为一种...

    Flex4 DataGrid控件行编辑项目

    在DataGrid中添加和删除行涉及到数据源的动态操作。添加新行时,需要创建一个新的数据对象,将其添加到数据源,然后DataGrid会自动更新以显示新行。删除行则需要从数据源中移除相应的数据对象,并刷新DataGrid。 五...

    flex 拖拽功能 中文文档

    在大多数情况下,Flex会自动处理拖放后的数据整合,可能包括从发起者中删除数据。 #### 单一组件的角色转换 Flex中的单个组件不仅可以充当拖动发起者,还可以成为拖放目标,这意味着可以在同一个组件内部移动数据...

    flex增删改查例子(完整版)

    在本压缩包中,"flex增删改查例子(完整版)"是一个示例项目,旨在帮助开发者了解如何在Flex中实现数据库操作的基本功能,包括添加(Add)、删除(Delete)、修改(Update)和查询(Query)数据。 1. **Flex基础...

    FLEX datagrid应用实例

    DataGrid可以与各种数据源绑定,包括Array、ArrayCollection、XMLList等,也可以通过数据提供者机制连接到更复杂的后端服务。 二、DataGrid的基本使用 创建一个基本的DataGrid涉及以下几个步骤: 1. 导入必要的库:...

    flexstore flex入门示例

    在Flex开发中,FlexStore通常与数据网格(DataGrid)或列表组件(List)结合使用,用于展示和操作数据。它是基于AMF(Action Message Format)技术,能够高效地在客户端和服务器之间传输数据,降低了网络延迟,提高...

    Flex 编程技巧

    在Flex中,可以使用getQualifiedClassName函数来获取一个对象的数据类型。 10. 生成验证码 验证码的生成可以通过Math.random()函数生成随机数,然后根据随机数生成相应的字符,可以是数字或者字母。通过循环和条件...

    Flex3组件拖放教程

    通过拖放操作,用户能够选择一个对象(例如`List`控件或Flex中的`Image`控件),并将其拖动至另一个组件(容器)中,最终将该对象添加到目标组件内。 #### 二、关于拖放操作 拖放操作主要包括三个阶段:初始化、...

    FLEX ArrayCollection删除过滤的数据问题解决

    2. 然后,使用找到的原始对象及其在`employees.list`中的索引,调用`list.removeItemAt(index)`来删除数据: ```actionscript public function deleteEmployee(id:int):void { var obj:OrgEmployee = ...

    右对齐的标签云,动态删除添加

    在这个场景中,我们关注的是一个实现"右对齐的标签云",它具备动态添加和删除标签的功能。下面将详细介绍这个知识点及其相关技术。 一、标签云的原理与设计 标签云通常基于文本数据,例如博客文章的标签,通过调整...

Global site tag (gtag.js) - Google Analytics