flex_事件绑定说明示例;

原创 2012年03月22日 11:26:24

<!-- Demo_事件绑定(MXML中的绑定) -->

<?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="1024" minHeight="768" pageTitle="TheStudioOfCenyebao">
    
    <fx:Declarations>
        
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            [Bindable]    //[Bindable]元素据的用意就是监视这个变量的任何变化。
            protected var _labelText:String = "Label befor event!";
        ]]>
    </fx:Script>
    
    <!--view-->
    <s:VGroup width="350" height="120" horizontalCenter="0" verticalCenter="0" paddingLeft="20" paddingTop="20">
        <s:Label id="myLbl" text="{_labelText}"/>
        <s:Button id="myBtn" label="ChangeLabel">
            <s:click>
                <![CDATA[
                _labelText = "Label changed(" + Math.round(Math.random()*10) + ")!";
                ]]>
            </s:click>
        </s:Button>
    </s:VGroup>

</s:Application>


  <!-- Demo_事件绑定(使用ChangeWatcher的ActionScript绑定) -->

<?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="1024" minHeight="768" pageTitle="TheStudioOfCenyebao"
               applicationComplete="init()">
    
    <fx:Script>
        <![CDATA[
            // 改类会监视被绑定属性值的任何变化,如果有变化发生,该类就会触发必要的事件来监视这个值。
            import mx.binding.utils.ChangeWatcher;
            import mx.events.PropertyChangeEvent;    
            
            protected var _watcher:ChangeWatcher
            
            protected function init():void{
                toggleWatch();
            }
            
            // 切换是否监视变量;
            protected function toggleWatch():void{
                if(_watcher && _watcher.isWatching()) {    // 判断监视器是否处于活动状态;
                    _watcher.unwatch();    // 移除监视的变量_关闭;
                    toggleButton.label = "startWatch";
                } else {    // 默认打开监视功能;
                    _watcher = ChangeWatcher.watch(inputfield, "text", onTextChange);
                    toggleButton.label = "stopWatching";
                }
            }
            
            // textinput值改变后执行的函数;
            protected function onTextChange(event:Event):void{
                myLabel.text = inputfield.text;
            }
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- 非可视元素 -->
    </fx:Declarations>
    
    <!--view-->
    <s:VGroup horizontalAlign="right" horizontalCenter="0" verticalCenter="0">
        <s:HGroup>
            <s:TextInput id="inputfield" text="start text"/>
            <s:Label id="myLabel" fontWeight="bold" fontSize="18"/>
        </s:HGroup>
        <s:Button id="toggleButton" label="WatchText" click="toggleWatch()"/>
    </s:VGroup>
    
</s:Application>

Flex停止事件传播说明示例

ajax说明 事件 绑定 数据

  • 2011年06月10日 14:40
  • 29KB
  • 下载

javascript闭包传参和事件的循环绑定示例探讨(转载)

作者:不可考证 按常理循环绑定事件,但是得到的结果却不是想要的,下面有个不错的示例,可以为大家详细分解下 今天看到一个javascript的题目,按常理循环绑定事件,但是得到...

javascript闭包传参和事件的循环绑定示例探讨

今天看到一个javascript的题目,按常理循环绑定事件,但是得到的结果却不是想要的。  text link var as = document.getElementsByTagNam...

jquery移除、绑定、触发元素事件使用示例详解

jquery移除、绑定、触发元素事件使用示例详解 作者: 字体:[增加 减小] 类型:转载 时间:2014-04-10 我要评论 这篇文章主要介绍了jquery移除、绑定、触发元素事件使用示例...

Flex/AS3/flash player支持屏蔽右键菜单,自定义菜单,并设置相应的菜单事件(示例,图解)

该文同步至http://www.waylau.com/217/     播放器 版本 11.2以后支持右键菜单屏蔽及自定义菜单 1.更新播放器 ,11.2 以上版本 http...

VC++ADO基础:绑定ADO事件

  • 2013年04月27日 19:40
  • 4.07MB
  • 下载

Backbone.js的事件绑定

  • 2016年12月01日 13:27
  • 1.19MB
  • 下载

JavaScript事件绑定的方法说明

转自:http://blog.chinaunix.net/u1/54739/showart_432024.html 事件使得客户端的 JavaScript 有机会被激活,并得以运行。在一个 Web ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_事件绑定说明示例;
举报原因:
原因补充:

(最多只允许输入30个字)