Flex Demo

简介:

<?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="955" minHeight="600">
 <s:layout>
  <s:BasicLayout/>
 </s:layout>
 <fx:Declarations>
  <!-- 将非可视元素(例如服务、值对象)放在此处 -->
 </fx:Declarations>
 <fx:Script>
  <![CDATA[
   import mx.binding.utils.BindingUtils;
   import mx.collections.ArrayCollection;
   import mx.collections.ArrayList;
   import mx.controls.Alert;
   import mx.effects.easing.Bounce;
   import mx.events.CloseEvent;
   
   function showOneDialog() : void{
    //    Alert.show("只显示一个对话框","对话框标题");
    Alert.show("未能查找到任务结果","对话框标题");
   }
   
   protected function showTwoDialog() : void {
    Alert.show("是否确认删除","确认删除对话框",1|2,this,deleteEvent);
    
   }
   
   private function deleteEvent(e:CloseEvent) : void {
    trace("ok");
    trace(e.detail.toString()); //在后台显示
    Alert.show(e.detail.toString()); //在前台显示
   }
   [Bindable]
   var a :ArrayCollection = new ArrayCollection([{label:"从这里选择"},{label:"aa"},{label:"bb"},{label:"cc"},{label:"dd"}]);
   
   [Bindable]
   var b :ArrayCollection = new ArrayCollection([{id:"1",j:"aa"},{id:"2",j:"bb"},
    {id:"3",j:"cc"},{id:"4",j:"dd"}]);
   
  ]]>
 </fx:Script>
 <s:Button x="208" y="67" label="显示一个对话框按钮" click="showOneDialog()"/>
 <s:Button x="208" y="126" label="显示两个对话框按钮" click="showTwoDialog()"/>
 
 <s:ComboBox id="combobox" x="208" y="286"  dataProvider="{a}" selectedIndex="0"/>
 <mx:DataGrid x="208" y="359" dataProvider="{b}">
  <!--<mx:columns>
  <mx:DataGridColumn headerText="列 1" dataField="col1"/>
  <mx:DataGridColumn headerText="列 2" dataField="col2"/>
  <mx:DataGridColumn headerText="列 3" dataField="col3"/>
  </mx:columns>-->
 </mx:DataGrid>
</s:Application>

注意:ComboBox中的 ArrayCollection 中的key 应为label否则会被显示为object

相关文章
|
8月前
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
38 0
|
7月前
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
25 0
|
8月前
CSS3【display: flex;】与【justify-content: 主轴对齐方式;】的使用
CSS3【display: flex;】与【justify-content: 主轴对齐方式;】的使用
46 0
|
8月前
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置algin-items;】的使用
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置algin-items;】的使用
44 0
|
8月前
CSS3【display: flex;】与【flex-direction: 主轴方向;】的使用
CSS3【display: flex;】与【flex-direction: 主轴方向;】的使用
45 0
|
10月前
|
前端开发 容器
一篇文章带你掌握Flex布局的所有用法(上)
一篇文章带你掌握Flex布局的所有用法(上)
55 0
|
10月前
|
前端开发 容器
一篇文章带你掌握Flex布局的所有用法(下)
一篇文章带你掌握Flex布局的所有用法(下)
43 0
一篇文章带你掌握Flex布局的所有用法(下)
|
分布式计算 Spark 开发者
|
Java 应用服务中间件 开发工具