flex in action(二)flex和内部及外部xml数据
2009-04-06 12:01:28 来源:WEB开发网自己是一步一步学习的,把自己的经验分享给大家。
因为只是初学,所以不能做得很复杂。相信以后的发布的会复杂一点,处理业务也会多一些。
开始吧。
还记得上一次的吗?
现在就再次和我一起做吧。
在你项目的src目录下,
点击新建文件夹输入xml,然后再在xml上点击新建文件,输入person.xml。
内容为:
1 <?xml version="1.0" encoding="UTF-8"?>
2 <person>
3 <name>张凤</name>
4 <sex>woman</sex>
5 <age>21</age>
6 <clazz>英语四班</clazz>
7 </person>
点右键新建一个MXXML Application。
拉一个panel,大小自己设定,设定title为xml中的数据,id为message。
拉一个Textarea,到panel上去,设置editable为false(不让编写仅显示的能力)。
拉一个button到panel上。设置button的id。
然后重要的,切换到源码视图下。
编辑,代码如下:
1 <?xml version="1.0" encoding="utf-8"?>
2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
3 <!-- creationComplete 为自动调度。如果creationComplete设定及不点击button也会实现,值的传递。
4 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="proHand(xmlData)">
5 -->
6 <mx:Model id="xmlData" source="xml/person.xml"></mx:Model>
7 <!--内部xml和外部的区别就是没有source这个选项
8 <mx:Model id="xmlData">
9 <person>
10 <name>张凤</name>
11 <sex>woman</sex>
12 <age>21</age>
13 <clazz>英语四班</clazz>
14 </person>
15 </mx:Model>
16 -->
17 <mx:Script>
18 <![CDATA[
19 private function proHand(obj:Object):void{
20 message.text = "姓名:" + obj.name +"n性别:" + obj.sex + "n年龄:" + obj.age + "n班级:" + obj.clazz;
21 }
22 ]]>
23 </mx:Script>
24 <mx:Panel x="163" y="79" width="283" height="288" layout="absolute" title="xml中的数据是" fontSize="14">
25 <mx:TextArea x="-1" y="0" height="243" width="264" editable="false" fontSize="14" id="message"/>
26 <mx:Button x="156" y="206" label="XML数据值" fontWeight="normal" fontSize="14" id="button1" click="proHand(xmlData)"/>
27 </mx:Panel>
28 </mx:Application>
由于自己也只是刚接触2天,所以并不能像编写Java程序一样那么熟练的编写actionscript。
还有很多问题待解决。
未完待续······
系列文章:
Flex in action(一)安装及编写你的第一个Flex程序
flex in action (三)flex对xml数据进行处理二
- ››include指令与<jsp:include>动作的区别
- ››Intent和IntentFilter详解
- ››ActionScript 2.0中的! 逻辑 NOT 运算符
- ››Interface继承至System.Object?
- ››input按钮在IE浏览器的兼容
- ››ActionScript 3.0 性能方面优化小知识整理收集
- ››Intent调用大全
- ››IntentService实现原理及内部代码
- ››Internet Explorer 无法打开
- ››Intel和Nokia宣称MeeGo将比Android更加开放且方便...
- ››innerText、outerText、innerHTML、outerHTML的区...
- ››Intent Android 详解
更多精彩
赞助商链接