Flex中为各种控件绑定远程XML数据

通过HTTPService获取XML数据

在浏览器中输入：http://www.flexgrocer.com/units.xml，可以看到XML格式文档，将使用HTTPService获取该xml中的数据。

打开前面完成的DataEntry.mxml文件，代码如下

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Model id="prodModel">
<groceries>
<catName>Dairy</catName>
<prodName>Milk</prodName>
<imageName>assets/dairy_milk.jpg</imageName>
<cost>1.20</cost>
<listPrice>1.99</listPrice>
<isOrganic>true</isOrganic>
<isLowFat>true</isLowFat>
<description>Direct from California where cows are happiest!</description>
</groceries>
</mx:Model>
<mx:Script>
<!--[CDATA[
import flash.net.FileReference;
public function fileBrowse():void{
var myFileRef:FileReferenceList = new FileReferenceList();
myFileRef.browse();
}
]]-->
</mx:Script>
<mx:Form>
<mx:FormHeading label="{prodModel.catName}"/>
<mx:FormItem label="Product Name">
<mx:TextInput id="product" text="{prodModel.prodName}"/>
</mx:FormItem>
<mx:FormItem label="ProductNameUnit" direction="horizontal">
<mx:ComboBox/>
<mx:TextInput/>
</mx:FormItem>
<mx:FormItem label="Cost">
<mx:TextInput id="cost" text="{prodModel.cost}"/>
</mx:FormItem>
<mx:FormItem label="List Price">
<mx:TextInput id="listPrice" text="{prodModel.listPrice}"/>
</mx:FormItem>
<mx:FormItem label="Description">
<mx:TextInput id="Description" text="{prodModel.description}"/>
</mx:FormItem>
<mx:FormItem label="Organic">
<mx:CheckBox id="isOrganic" selected="{prodModel.isOrganic}"/>
</mx:FormItem>
<mx:FormItem label="Is Low Fat?">
<mx:CheckBox id="isLowFat" selected="{prodModel.isLowFat}"/>
</mx:FormItem>
<mx:FormItem label="Image Path">
<mx:TextInput id="imageName" text="{prodModel.imageName}"/>
<mx:Button label="Browse" click="fileBrowse()"/>
</mx:FormItem>
<mx:FormItem>
<mx:HBox>
<mx:Button label="Update"/>
<mx:Button label="Delete"/>
</mx:HBox>
</mx:FormItem>
</mx:Form>
</mx:Application>

<?xml  version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 	layout="absolute"> 	<mx:Model id="prodModel"> 		<groceries> 			<catName>Dairy</catName> 			<prodName>Milk</prodName> 			<imageName>assets/dairy_milk.jpg</imageName> 			<cost>1.20</cost> 			<listPrice>1.99</listPrice> 			<isOrganic>true</isOrganic> 			<isLowFat>true</isLowFat> 			<description>Direct from California where cows are  happiest!</description> 		</groceries> 	</mx:Model> <mx:Script> 	 </mx:Script> 	<mx:Form> 		<mx:FormHeading label="{prodModel.catName}"/> 		<mx:FormItem label="Product Name"> 			<mx:TextInput id="product" text="{prodModel.prodName}"/> 		</mx:FormItem> 		<mx:FormItem label="ProductNameUnit" direction="horizontal"> 			<mx:ComboBox/> 			<mx:TextInput/> 		</mx:FormItem> 		<mx:FormItem label="Cost"> 			<mx:TextInput id="cost" text="{prodModel.cost}"/> 		</mx:FormItem> 		<mx:FormItem label="List Price"> 			<mx:TextInput id="listPrice" text="{prodModel.listPrice}"/> 		</mx:FormItem> 		<mx:FormItem label="Description"> 			<mx:TextInput id="Description" text="{prodModel.description}"/> 		</mx:FormItem> 		<mx:FormItem label="Organic"> 			<mx:CheckBox id="isOrganic" selected="{prodModel.isOrganic}"/> 		</mx:FormItem> 		<mx:FormItem label="Is Low Fat?"> 			<mx:CheckBox id="isLowFat" selected="{prodModel.isLowFat}"/> 		</mx:FormItem> 		<mx:FormItem label="Image Path"> 			<mx:TextInput id="imageName" text="{prodModel.imageName}"/> 			<mx:Button label="Browse" click="fileBrowse()"/> 		</mx:FormItem> 		<mx:FormItem> 			<mx:HBox> 			<mx:Button label="Update"/> 			<mx:Button label="Delete"/> 			</mx:HBox> 		</mx:FormItem> 	</mx:Form> 	 </mx:Application>

在<mx:Script>中导入两个类，代码如下