Flex基础控件示例

来源:互联网 发布:数据集成方法 编辑:程序博客网 时间:2024/06/10 22:42
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"><mx:Script><![CDATA[import mx.controls.Alert;import mx.events.CloseEvent;import mx.controls.CheckBox;//月份中文public static const MONTH_NAMES:Array=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];//星期中文public static const DAY_NAMES:Array=["七","一","二","三","四","五","六"];private function testalert():void{Alert.show("欢迎来到Flex世界!","信息提示");}private function testconfim():void{Alert.yesLabel="确定";Alert.noLabel="取消";Alert.show("你想要保存改变吗?","保存改变",Alert.YES|Alert.NO,this,alertClickHandler);}private function alertClickHandler(evt:CloseEvent):void             {            Alert.okLabel="确定";            if(evt.detail==Alert.YES)             {            Alert.show("你点击了确定按钮!","信息提示");                }                else                 {                Alert.show("你点击了取消按钮!","信息提示");                }            }            private function getTextValue():void            {            Alert.okLabel="确定";            Alert.show(txt1.text,"信息提示");            }            private function setTextValue():void            {            Alert.okLabel="确定";            txt1.text="会员号";            Alert.show("设置文本框数据成功!","信息提示");            }            private function getRadioSelect():void            {            Alert.okLabel="确定";            Alert.show(radio.selectedValue.toString(),"信息提示");            }            private function setRadioSelect():void            {            radio.getRadioButtonAt(0).selected=true;            }            private function getCheckBoxSelect():void            {            var str:String="";            if(dy.selected)            {            str=str+dy.label+",";            }            if(ps.selected)            {            str=str+ps.label+",";            }            if(yy.selected)            {            str=str+yy.label            }            Alert.okLabel="确定";            Alert.show(str,"信息提示");            }            private function canelCheckBoxSelect():void            {            dy.selected=false;            ps.selected=false;            yy.selected=false;            }            private function setCheckBoxSelect():void            {            yy.selected=true;            }            private function getComboBoxSelect():void            {            Alert.show(combobox.selectedItem.label+","+combobox.selectedItem.data,"信息提示");            }            private function setComboBoxSelect():void            {            combobox.selectedIndex=2;            }            private function getDateField():void            {            Alert.show(rq.text,"信息提示");            }]]></mx:Script><mx:Canvas width="100%" height="100%" backgroundColor="white"><mx:VBox><mx:HBox><mx:Button label="弹出对话框" click="testalert();"/></mx:HBox><mx:HBox><mx:Button label="弹出确定取消对话框" click="testconfim();"/></mx:HBox><mx:HBox><mx:TextInput id="txt1" text="邮箱/手机号"/><mx:Button label="获取文本框数据" click="getTextValue();"/><mx:Button label="设置文本框数据" click="setTextValue();"/></mx:HBox><mx:HBox><mx:RadioButtonGroup id="radio"/><mx:RadioButton groupName="radio" label="是" selected="true" value="yes"/><mx:RadioButton groupName="radio" label="否" value="no"/><mx:Button label="获取选中的单选按钮" click="getRadioSelect();"/><mx:Button label="设置选中单选按钮" click="setRadioSelect()"/></mx:HBox><mx:HBox><mx:CheckBox label="电影" id="dy"/><mx:CheckBox label="爬山" id="ps"/><mx:CheckBox label="音乐" id="yy"/><mx:Button label="获得选中的复选框" click="getCheckBoxSelect()"/><mx:Button label="全不选" click="canelCheckBoxSelect()"/><mx:Button label="设置选中复选框" click="setCheckBoxSelect()"/></mx:HBox><mx:HBox><mx:ComboBox id="combobox"><mx:Array><mx:Object data="1" label="电影"/><mx:Object data="2" label="爬山"/><mx:Object data="3" label="音乐"/></mx:Array></mx:ComboBox><mx:Button label="获取下拉框值" click="getComboBoxSelect()"/><mx:Button label="设置下拉框选项" click="setComboBoxSelect()"/></mx:HBox><mx:HBox><mx:DateField showToday="true" formatString="YYYYMMDD" monthNames="{MONTH_NAMES}" dayNames="{DAY_NAMES}" id="rq" selectedDate="{new Date()}"/><mx:Button label="获得日期值" click="getDateField()"/></mx:HBox></mx:VBox></mx:Canvas></mx:Application>

0 0
原创粉丝点击