Flex 讀取 XML文件

student.xml

<?xml version="1.0" encoding="UTF-8"?>

<students>

<student>

<name>A</name>

<sex>m</sex>

<age>12</age>

</student>

<student>

<name>B</name>

<sex>f</sex>

<age>14</age>

</student>

<student>

<name>C</name>

<sex>m</sex>

<age>13</age>

</student>

</students>

-------------------------------------------------------------------------------------------------------------

法1：XML類加載xml

<?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="955" minHeight="600">

<fx:Declarations>

<!-- 將非可視元素（例如服務、值對象）放在此處 -->

<fx:XML id="xmlF" source="student.xml"/>

</fx:Declarations>

<mx:Panel title="XML類加載xml">

<mx:DataGrid dataProvider="{xmlF.student}">

<mx:columns>

<mx:DataGridColumn headerText="姓名" dataField="name" />

<mx:DataGridColumn headerText="年齡" dataField="age" />

<mx:DataGridColumn headerText="性別" dataField="sex" />

</mx:columns>

</mx:DataGrid>

</mx:Panel>

</s:Application>

------------------------------------------------------------------------------------------------------------------

法2：model加載xml

<?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="955" minHeight="600">

<fx:Declarations>

<!-- 將非可視元素（例如服務、值對象）放在此處 -->

<fx:Model id="modelF" source="student.xml"/>

</fx:Declarations>

<mx:Panel title="model加載xml">

<mx:DataGrid dataProvider="{modelF.student}">

<mx:columns>

<mx:DataGridColumn headerText="姓名" dataField="name" />

<mx:DataGridColumn headerText="年齡" dataField="age" />

<mx:DataGridColumn headerText="性別" dataField="sex" />

</mx:columns>

</mx:DataGrid>

</mx:Panel>

</s:Application>

---------------------------------------------------------------------------------------------------------------------

法3：URLLoader加載xml

<?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="955" minHeight="600" creationComplete="init()">

<fx:Script>

<![CDATA[

[Bindable]

private var loader:URLLoader=new URLLoader();

[Bindable]

private var xml:XML=new XML();

private function init():void{

loader.load(new URLRequest("student.xml"));

loader.addEventListener(Event.COMPLETE,onComplete);

}

private function onComplete(evt:Event):void{

xml=XML(loader.data);

}

]]>

</fx:Script>

<fx:Declarations>

<!-- 將非可視元素（例如服務、值對象）放在此處 -->

</fx:Declarations>

<mx:Panel title="URLLoader加載xml">

<mx:DataGrid dataProvider="{xml.student}">

<mx:columns>

<mx:DataGridColumn headerText="姓名" dataField="name" />

<mx:DataGridColumn headerText="年齡" dataField="age" />

<mx:DataGridColumn headerText="性別" dataField="sex" />

</mx:columns>

</mx:DataGrid>

</mx:Panel>

</s:Application>

----------------------------------------------------------------------------------------------------------------------------

法4：HTTPService類加載xml

<?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="955" minHeight="600" creationComplete="init()">

<fx:Script>

<![CDATA[

private function init():void{

xmlData.send();

}

import mx.collections.ArrayCollection;

import mx.rpc.events.ResultEvent;

[Bindable]

private var ArrayXML:ArrayCollection;

public function ResultHandle(event:ResultEvent):void

{

ArrayXML=event.result.students.student;

}

]]>

</fx:Script>

<fx:Declarations>

<!-- 將非可視元素（例如服務、值對象）放在此處 -->

<mx:HTTPService id="xmlData" url="student.xml" result="ResultHandle(event)"/>

</fx:Declarations>

<mx:Panel title="HTTPService類加載xml">

<mx:DataGrid dataProvider="{ArrayXML}">

<mx:columns>

<mx:DataGridColumn headerText="姓名" dataField="name" />

<mx:DataGridColumn headerText="年齡" dataField="age" />

<mx:DataGridColumn headerText="性別" dataField="sex" />

</mx:columns>

</mx:DataGrid>

</mx:Panel>

</s:Application>