flex in action （四）使用e4x解析xml及树形列表的建立

核心提示：建立一个树形的列表在flex中可以很简单了，如图：在开发视图下，flex in action （四）使用e4x解析xml及树形列表的建立，拉8个label和一个tree到面板上，其中4个在没有显示，clazz，源代码如下：1<?xmlversion="1.0"encoding="ut

建立一个树形的列表在flex中可以很简单了。

如图：

在开发视图下，拉8个label和一个tree到面板上，其中4个在没有显示，分别定义其id为

nam，sex，age，clazz。

源代码如下：

　1　<?xml　version="1.0"　encoding="utf-8"?>
　2　　<!--　　　　如果存在多个httpservice的send()方法，使用分号隔开。　-->
　3　<mx:Application　xmlns:mx="http://www.adobe.com/2006/mxml"　layout="absolute"　creationComplete="xmlData.send()">
　4　<mx:HTTPService　id="xmlData"　url="xml/student.xml"　resultFormat="e4x"/>
　5　<mx:XMLListCollection　id="students"　source="{xmlData.lastResult.person}"/>
　6　
　7　　　　　<mx:Script>
　8　　　　　　　　　<![CDATA[
　9　　　　　　　　　　　　　private　function　populaTree(event:Event):void{
10　　　　　　　　　　　　　　　　　var　selectNode:Object　=　event.target.selectedItem;
11　　　　　　　　　　　　　　　　　if(selectNode.@sikname　!=　undefined){
12　　　　　　　　　　　　　　　　　　　　　nam.text　=　selectNode.@choose;　
13　　　　　　　　　　　　　　　　　　　　　sex.text　=　selectNode.@sex;
14　　　　　　　　　　　　　　　　　　　　　age.text　=　selectNode.@age;
15　　　　　　　　　　　　　　　　　　　　　clazz.text　=　selectNode.@clazz;
16　　　　　　　　　　　　　　　　　}else{
17　　　　　　　　　　　　　　　　　　　　　nam.text　=　"";
18　　　　　　　　　　　　　　　　　　　　　sex.text　=　"";
19　　　　　　　　　　　　　　　　　　　　　age.text　=　"";
20　　　　　　　　　　　　　　　　　　　　　clazz.text　=　"";
21　　　　　　　　　　　　　　　　　}
22　　　　　　　　　　　　　}
23　　　　　　　　　]]>
24　　　　　</mx:Script>
25　　　　　<mx:Tree　x="66"　y="24"　width="217"　height="291"　id="studentTree"
26　　　　　　　　　dataProvider="{students}"　labelField="@choose"　　change="populaTree(event)"/>
27　　　　　
28　　　　　<mx:Label　x="359"　y="67"　text="姓名："　fontSize="14"　fontWeight="bold"/>
29　　　　　<mx:Label　x="359"　y="93"　text="性别："　fontWeight="bold"　fontSize="14"/>
30　　　　　<mx:Label　x="359"　y="119"　text="年龄："　fontWeight="bold"　fontSize="14"/>
31　　　　　<mx:Label　x="359"　y="145"　text="班级："　fontWeight="bold"　fontSize="14"/>
32　　　　　<mx:Label　x="477"　y="67"　id="nam"　fontSize="14"/>
33　　　　　<mx:Label　x="477"　y="93"　id="sex"　fontSize="14"/>
34　　　　　<mx:Label　x="477"　y="119"　id="age"　fontSize="14"/>
35　　　　　<mx:Label　x="477"　y="145"　id="clazz"　fontSize="14"/>
36　　　　　
37　</mx:Application>
38