`

Flex List组件多选的操作

    博客分类:
  • FLEX
阅读更多
这次我来说明一下List组件的使用,主要是当multipleSelection的属性设为"true"的时候的技巧。 
 1.选择了多项条目后数据的读取,关键代码如下:
  function getSelectedItems()
  {
      var selectItems:Array = state.selectedItems;
      var iCount:Number = selectItems.length;
      var xml:XML = new XML();
      var rootElement:XMLNode = xml.createElement( "root" );
      for( var i:Number = 0 ; i < iCount ; i++ )
      {
         var contentElement:XMLNode = xml.createElement( "state" );
         var textElement:XMLNode = xml.createTextNode( selectItems.data );
         contentElement.appendChild( textElement );
         rootElement.appendChild( contentElement );
      }
      xml.appendChild( rootElement );
      mx.controls.Alert.show( xml.toString() , 'Message');
  }
  state是List组件的 id,在List组件里如果允许多选,那么被选定的那些条目会被存放在组件的selectedItems属性里,该属性是Object一个数组,每个元素的data属性对应该条目的值,后面的代码就是为了把结果显示出来而已,不解释了。
  2.根据后台发来的数据决定选项是否是选定状态,关键代码如下:
  function initApp()
  {
      var selectedItems:Array = new Array();
      var iCount:Number = state.length;
      for( var i:Number = 0 ; i < iCount ; i++ )
      {
         if( state.getItemAt( i ).data == "AL" || state.getItemAt( i ).data == "AK" )
         {
            selectedItems.push( i );
         }
      }
      state.selectedIndices = selectedItems;
  }
  lenth属性保存了List 组件里数据条目的总数,循环使用getItemAt()方法遍历所有条目(这里假设后台发来的数据如果值是"AL"或者"AK"则设定为选定状态),如果值相等,则将该条目在List组件里的索引号保存到一个数组里面,最后将这个类型为数组的临时变量的值赋给List组件的selectedIndices 属性,操作完成
http://www.flashv8.com/html/Flashjiaocheng/FLASHzujian/20080514/934.html
分享到:
评论

相关推荐

    flex 多选下拉框

    1. **Spark组件库**:Flex 4引入了Spark组件库,它提供了更加现代和灵活的UI组件,其中包括了支持多选的下拉框组件`mx:ComboBox`和`s:List`。 2. **数据绑定**:在Flex中,数据绑定是连接UI组件(如下拉框)与应用...

    flex组件介绍

    例如,要创建一个按钮并添加到界面上,首先需要实例化按钮组件,然后通过设置其属性来定义按钮的样式和行为,接着添加事件监听器以响应用户操作,最后将按钮添加到父容器中,使其可见。 #### 工具提示 工具提示是...

    Flex 写的一个combox多选控件

    2. **自定义下拉列表**:通过覆盖dropDown属性,我们可以创建一个自定义的List组件,其中的itemRenderer使用我们之前编写的HgCheckBox.as。这样,每个列表项都会显示一个复选框。 3. **处理多选逻辑**:当用户在...

    Flex带CheckBox的多选 列表和表格

    在Flex中,我们经常会遇到需要处理用户多选操作的情况,例如在列表或表格中选择多个项目。这时,CheckBox就成为了一个重要的组件。 `CheckBox`在Flex中是一个基本的UI组件,它可以用来让用户进行二选一的选择,即...

    Flex4_Menu和List的使用源码

    首先,`Menu`组件在Flex中常用于创建下拉菜单,它允许用户通过点击按钮或图标来展开一系列相关的操作选项。在Flex4中,`Menu`组件的使用更加灵活,可以自定义菜单项的外观和行为。你可以通过添加`MenuItem`对象到`...

    Flex 3 组件实例与应用(2009版)

    List组件用于显示列表数据,可以是单选或多选。 ##### 10. **NumericStepper** NumericStepper组件允许用户通过按钮来增加或减少数值,非常适合数值输入的场景。 ##### 11. **ProgressBar** ProgressBar组件显示...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    List组件用于展示垂直列表,可以包含多选、单选等不同模式。 #### NumericStepper NumericStepper是一个数字输入控件,提供增加和减少按钮,方便用户调整数值。 #### ProgressBar ProgressBar用于显示任务进度,...

    FLEX带复选框LIST

    这在数据展示和多选操作中非常常见,例如在配置设置、文件选择或用户权限分配等场景。 首先,我们要了解Flex4的核心组件之一——List。List组件是一个可滚动的容器,用于显示一组数据项。在Flex4中,它利用数据提供...

    Flex List DataGrid Menu 拖动技术

    ### Flex中的List、DataGrid与Menu拖动技术详解 在Flex框架中,用户交互和数据展示是极其重要的组成部分。为了增强用户体验,Flex提供了多种控件,包括`List`、`DataGrid`和`Menu`等,这些控件支持丰富的用户交互...

    flex3 带CheckBox的List

    在本文中,我们将深入探讨如何在Flex 3中创建一个带有CheckBox的List组件。Flex 3是Adobe Flex框架的一个早期版本,它允许开发者构建富互联网应用程序(RIA)。List组件是Flex中常用的一种显示数据列表的控件,而...

    Flex基础培训-3-组件和布局

    4. **基于列表的组件**:Flex提供了多种基于列表的组件,如List、Tree、Menu、TileList、HorizontalList等。这些组件用于以不同的视觉形式展示一组集合的数据。例如,List以垂直列的形式展示数据,而HorizontalList...

    Kotlin语言实现FlexboxLayout流式布局替换Recycleview实现单选/多选

    class FlexAdapter(private val items: List&lt;FlexItem&gt;) : FlexboxLayoutManager.FlexboxAdapter() { // 实现相关方法,如 onCreateViewHolder, onBindViewHolder 等,根据 FlexItem 的 isSelected 设置视图的选中...

    Flex tree的用法

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...

    Flex_Css完全手册.docFlex关于样式专题.pdf

    在FLEX中使用样式方法 2 ...List组件样式属性 15 color文字颜色 18 Tree组件样式属性 18 color文本颜色 19 TextInput组件样式属性 19 borderColor边框颜色 20 CheckBox组件样式属性(包含单选和多选) 23

    flex实现 ComboBox中下拉checkbox

    在Flex编程领域,ComboBox...这使得用户能够在下拉列表中进行多选操作,同时保持了ComboBox的易用性。这个功能对于需要用户提供多个选择的界面设计非常实用。在实际开发中,可以根据项目需求对上述代码进行调整和优化。

    小程序实现多选框功能

    &lt;view class='list_cons flex_start'&gt; !i.checked}}"&gt; &lt;view class='icon_none'&gt;&lt;/view&gt; &lt;!-- 其他元素 --&gt; ``` 在上述代码中,我们使用了条件渲染`wx:if`和`wx:elif`,根据`i.checked`的值决定...

    Flex4 CSS样式.doc

    - List组件:更改列表项的文字颜色,提高可读性。 - Tree组件:同样可以设置文本颜色,使得层次结构更加清晰。 - TextInput组件:除了颜色,还可以设置边框颜色,提升输入框的视觉效果。 - CheckBox组件(包括单选和...

    使用 ACTIONSCRIPT 3.0组件 (AS3组件帮助文档)

    调试组件应用程序时,可以利用 Flash 的调试模式或者外部调试工具,如 Flash Debug Player 和 Flex Debugger 等。 **设置参数和属性** 通过组件的属性面板,可以设置各种参数和属性。例如,对于按钮组件,可以设置...

    Flex试题 .txt

    在Flex中,可以使用DataGrid和List组件来展示文章列表,使用TextFlow和TextArea来编辑和显示文章内容。 ### 40. 在一个包含100个Flex项目的环境中,成功的关键是什么? 在这样一个复杂的环境中,成功的关键因素...

    flex 实例程序 两个列表框之间传递

    在Flex开发中,"两个列表框之间传递"是一种常见的用户界面交互...在实际项目中,这些功能常常用于实现数据筛选、排序或者多选操作。理解并掌握这些技术对于Flex开发者来说至关重要,因为它们是构建富交互体验的基础。

Global site tag (gtag.js) - Google Analytics