flex中DropDownList的完整实例

最新推荐文章于 2016-08-24 16:24:00 发布

bluelilyabc

最新推荐文章于 2016-08-24 16:24:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： FLEX

本文链接：https://blog.youkuaiyun.com/bluelilyabc/article/details/17757469

FLEX 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用 Flex 框架创建 DropDownList 控件的示例，详细展示了如何定义数据集及通过自定义函数获取选中项索引的方法。该示例适用于初学者了解 Flex 中 DropDownList 的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>

<mx: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="400">
<fx:Script>
  <![CDATA[
   import mx.controls.Alert;
   //  import flash.events.Event;
   import mx.collections.ArrayCollection;
   //下拉框的数据集
   [Bindable]
   public static var fileNameTypeDropDownList:ArrayCollection=new ArrayCollection([{id: 0, label: 'Flag文件'}, {id: 1, label: '固定文件名'}, {id: 2, label: '正则表达式'}]);

   //获取DropDownList选中元素的索引
   public static function getSelectedIndexByResult(list:ArrayCollection, key:String, result:Object):int
   {
    var selectedIndex:int=0;
    try
    {
     for (var i:int=0; i < list.length; i++)
     {
      if (list[i][key] == result)
      {
       selectedIndex=i;
       break;
      }
     }
    }
    catch (e:Error)
    {
     Alert.show(e.message);
    }
    return selectedIndex;
   }
//   var index:int=getSelectedIndexByResult(fileNameTypeDropDownList, 'id', data['file_name'])
  ]]>
</fx:Script>
<s:Group id="contentsBody"
    styleName="contentsBody"
    width="100%">
  <s:VGroup id="viewId"
      styleName="viewId"
      width="100%"
      horizontalAlign="right">
  </s:VGroup>
  <s:DropDownList id="userGroupComboBox"
      requireSelection="true"
      dataProvider="{fileNameTypeDropDownList}"
      click="getSelectedIndexByResult(fileNameTypeDropDownList, 'id', data['file_name'])"/>
</s:Group>

</mx:Application>