Flex applications are driven by run-time events, such as when a user selects a Button control. You can specify event listeners, which consist of code for handling run-time events, in the event properties of MXML tags. For example,
the <mx:Button> tag has a click event property in which you can specify ActionScript code that executes when the Button control is clicked at run time. You can specify simple event listener code directly in event properties.
To use more complex code, you can specify the name of an ActionScript function defined in an <mx:Script> tag.
The following example shows an application that contains a Button control and a TextArea control. The click property of the Button control contains a simple event listener that sets the value of the TextArea control’s text property to the text Hello World.
Flex程序是在运行时由事件驱动的,比如,用户选择了一个button控件。你可以在MXML代码的标签中使用event属性来为其指定某事件的监听器。举例来说,<mx:Button>标签拥有一个click事件属性,你可以为它指定一个简单的由ActionScript编写的处理代码,以便在运行期间按钮被点击时进行相应的事物处理。你可以直接在event属性中编写简单的监听器,如果要使用更复杂的代码,可以在<mx:Script>标签中编写ActionScript代码,定义一个处理方法,然后注册给该属性。
下面的例子展示了一个包含Button控件和TextArea控件的应用程序。Button的click属性包含了一个简单的事件监听器,他将设置TextArea控件的text属性值为Hello World。
<?xml version="1.0"?>
<!-- mxml/TriggerCodeExample.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel title="My Application"
paddingTop="10"
paddingBottom="10"
paddingLeft="10"
paddingRight="10"
>
<mx:TextArea id="textarea1"/>
<mx:Button label="Submit" click="textarea1.text='Hello World';"/>
</mx:Panel>
</mx:Application>
The following example shows the code for a version of the application in which the event listener is contained in an ActionScript function in an <mx:Script> tag:
下面的例子展示了在<mx:Script>标签中,使用ActionScript代码定义了一个事件监听器。
<?xml version="1.0"?>
<!-- mxml/TriggerCodeExample2.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
private function hello():void {
textarea1.text="Hello World";
}
]]>
</mx:Script>
<mx:Panel title="My Application"
paddingTop="10"
paddingBottom="10"
paddingLeft="10"
paddingRight="10"
>
<mx:TextArea id="textarea1"/>
<mx:Button label="Submit" click="hello();"/>
</mx:Panel>
</mx:Application>
For more information about using ActionScript with MXML, see “Using ActionScript” on page 37.
分享到:
相关推荐
Flex代码格式化 Flash格式化代码 mxml格式化代码 as格式化代码
因此会导致在编辑时找代码位置很麻烦,然后我就开始寻找让view和代码分离的方法,本来知道一些flex开发框架cairngorm,puremvc等等,cairngorm太烦琐,puremvc好很多,但是我的目的仅仅只是把函数代码从mxml中分离而已,...
《精通Flex 3.0——基于ActionScript 3.0实现》一书源代码。 Flex 3.0 ActionScript 3.0源代码 Flex 3.0源代码。 --------------------------- 第1篇 Flex技术概述 第1章 Flex概述 3 1.1 Flex简介 3 1.2 Flex...
flex使用容器和MXML样式.pdf格式的 英文的哦
编译MXML详解及代码详解[定义].pdf
基于c语言的xml解析代码库
mxml 源码
MXML语法.MXML flexview actionscript
mxml 解析器, vc6.0平台, 在一些需求不大的场合可以使用!
mxml-2.12.tar.gz
xml、mxml总结。xml是可扩展标记语言,标准通用标记语言的子集。此处总结基于w3cSchool上关于xml所属api进行总结。
pdf格式的flex的mxml语法,适合想学习flex的新手
minixml2.5最新的版本。 嵌入式xml 解析、查找、生成、遍历 功能,全部实现是标准c,移植很容易。 最新的2.5,修改了很多...如果是在windows下的话,只需要根据readme.txt的提示,修改一个小地方,就可以运行。非常方便。
mxml开源项目
mxml 适合用于嵌入式 xml 解析的轻量级的工具,在下载包的 mipsel 有编译好的.a 文件
一个上课用的ppt文档,更容易让你对mxml更为的了解。。
如果你的flex插件出现mxml无法打开的问题,请下载此文件,同时参考:http://www.tekool.net/blog/2008/06/28/flex-builder-3-plugin-dont-work-with-eclipse-34/或者:...
mxml-2.5,非常小巧好用的xml组织与解析的库的源代码。是msxml的绝佳替代品,不依赖任何其他库,操作也非常方便。
使用mxml 库指定一个标准的接口,使用putInt、getInt、putString、getString、putStringArray、getStringArray等。mxml的详解可以参考https://blog.csdn.net/shift_wwx/article/details/99677421
Demo