Flex 中DataGrid简单用法

最近写的一个demo 主要是DataGrid 控件的简单用法,备忘。。。。

<?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"
			   initialize="onGetAllAddress()">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<mx:TitleWindow x="400" y="400" width="250" height="124" layout="absolute" id="popup" visible="false" backgroundColor="#FFFFFF">
		<mx:TextArea x="10" y="10" height="35" width="210" id="error"  borderStyle="none"/>
		<mx:Button x="93.5" y="52" label="OK" buttonDown="popup.visible=false"/>
	</mx:TitleWindow>
	<fx:Script>
		<![CDATA[
			import Paint.Constant;

			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.rpc.events.ResultEvent;
			import mx.rpc.events.FaultEvent;
			import mx.rpc.soap.WebService;
			private var DGArray:Array = new Array();

			//web service
			public function onGetAllAddress():void
			{
				var service:WebService = new WebService();
				service.loadWSDL(Constant.iAddressServicesUrl); //iAddressServicesUrl:自定义类中的变量用于存储web service url变量
				service.addEventListener(ResultEvent.RESULT,onResultAddress);
				service.addEventListener(FaultEvent.FAULT,onFaultError);
				service.GetAllAreaByIp(); //web service function
			}
			//web service成功是执行的方法
			public function onResultAddress(sev:ResultEvent):void
			{
				var getcityStr:String = sev.result.toString(); //获得web service方法的返回值
				initData(getcityStr);
			}

			//web服务错误时执行的方法
			public function onFaultError(sev:FaultEvent):void
			{
				popup.title = "出现异常";
				error.text = "	请检查网络是否异常！";
				popup.visible = true;
			}


			[Bindable]
			public var initDG:ArrayCollection;

			//将xml数据加到ArrayCollection中
			public function initData(str:String):void {
				var xml:XML = new XML(str);
				for(var i:Number = 0;i<xml.city.length();i++)
				{
					DGArray.push({Artist:'Pavement',地区:xml.city[i].@name,访问量:xml.city[i].@value});
				}
				DGArray.sortOn("地区") //指定value排序
				initDG=new ArrayCollection(DGArray); 
			}
		]]>
	</fx:Script>
	<mx:DataGrid id="myGrid" width="240" height="100%" 
				 dataProvider="{initDG}" > 
		<mx:columns> 
			<mx:DataGridColumn dataField="地区" /> 
			<mx:DataGridColumn dataField="访问量" width="50"/> 
		</mx:columns> 
	</mx:DataGrid> 
</s:Application>