Flex checkBox

本文链接地址:http://blog.desizen.com/4lone/266.html

今天开始我的tourdeflex之旅,这个计划已经持续了好久,不能再纵容自己不去学习了.tourdeflex一开始的界面就显示出了一条道路,我也沿着它去走!

现在进行的就是UI Controls:Data Entry Controls:CheckBox
看代码:

<?xml version="1.0"?><!-- Simple example to demonstrate the CheckBox control --><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundGradientColors="[0x000000,0x323232]" viewSourceURL="srcview/index.html">     <mx:Script>        <![CDATA[            import mx.controls.Alert;                     // This event handler adds and deletes items from the shopping cart.           private function modifyCart():void            {                cartItems.text = "";                 if(milkCB.selected == true) {                                  cartItems.text += "milk" + '/n' ;                }                    if(eggsCB.selected == true) {                    cartItems.text += "eggs" + '/n';                }                 if(breadCB.selected == true) {                     cartItems.text +="bread" + '/n';                }              }            // This event handler opens the Alert control.           private function sendMessage():void            {                if(couponCB.selected == true) {                  Alert.show('You will receive coupons.');                }                else {                    Alert.show('You will not receive any coupons.');                }           }            ]]>    </mx:Script>     <mx:Panel title="CheckBox Control Example"         height="75%" width="75%" layout="horizontal"        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"        color="0xffffff" borderAlpha="0.15">         <mx:VBox color="0x000000">            <mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>            <mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/>            <mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/>        </mx:VBox>         <mx:VBox>            <mx:Label text="Items in my cart " color="0x000000"/>            <mx:TextArea id="cartItems" width="300" height="50" verticalScrollPolicy="off" color="0x000000"/>            <!-- Event handler sendMessages() is used to handle event click -->            <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart"                click="sendMessage()" selected="true" color="0x000000"/>        </mx:VBox>    </mx:Panel></mx:Application>

这个例子很简单,没有用到什么flex技术,就只是添加了几个checkbox,然后设置了其Click事件.熟悉JavaScript的人肯定相当的熟悉.我在自己写这样一个例子的时候,运行时用的dubug模式,选择checkbox的时候触发了debug模式,而原例子用同样的方法去运行,却没有转换到debug,待查.