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

flex in action （四）使用e4x解析xml及树形列表的建立2010-11-23 BlogJava duduli建立一个树形的列表在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