`
piaoyun29
  • 浏览: 46199 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

flex中读取本地外部xml文件方法汇总

    博客分类:
  • flex
阅读更多

    果然好记性不如烂笔头,真的是吃了大亏了。唉!不说了,粘代码。。。。。

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
				creationComplete="init()">
	<mx:Script>
		<![CDATA[
			import mx.rpc.events.ResultEvent;
			
			private var urltreexml:XML;
			[Bindable]
			private var httptreexml:XML;
			[Bindable]
			public var selectedItem:Object;
			
			private function init():void{
				/* HTTPService 方式发送请求 */
				httpsrv.send();
				/* 用 URLLoader方法来获得数据*/
				var urlloadsrv :URLLoader = new URLLoader();
				urlloadsrv.dataFormat=URLLoaderDataFormat.TEXT; 
				urlloadsrv.addEventListener(Event.COMPLETE,handleComplete);
				urlloadsrv.load(new URLRequest("data/treedata.xml")); 
			}
			public function handleComplete(event:Event):void
			{
			    urltreexml=XML(event.target.data); 
			    urlTree.dataProvider = urltreexml;   
			}
			private function httpresultHandler(event:ResultEvent):void {   
				httptreexml = XML(event.result);   
			} 
		]]>
	</mx:Script>
	<!--第一种方式 <mx:Model/>标签 -->
	<mx:Model id="model" source="data/treedata.xml"/>
	<mx:HTTPService id="httpsrv" url="data/treedata.xml" result="httpresultHandler(event)" resultFormat="xml"/>
	<mx:VBox  width="100%" height="100%">
		<mx:HDividedBox width="100%" height="100%"	>
	    	<mx:Panel title="Use the method of 'HTTPService'" width="100%" height="100%">
	    		<mx:Tree id="httpTree" width="100%" height="100%" dataProvider="{httptreexml}" labelField="@label"/>
		    </mx:Panel>
	    	<mx:Panel title="Use the method of 'URLLoader'" width="100%" height="100%">
		    	<mx:Tree id="urlTree"  labelField="@label" width="100%" height="100%" />
		    </mx:Panel>	
	    </mx:HDividedBox>
	   <mx:HBox width="100%">
			<mx:Tree id="source"
				width="250"
				dataProvider="{model.node}"
				change="this.selectedItem=Tree(event.target).selectedItem"/>
			<mx:VBox width="100%" height="100%">
				<mx:Label text="{selectedItem.label}"/>
				<mx:Text text="用Model这种方法,如何让左边的树显示两层,没想出来。" fontSize="12"/>
			</mx:VBox>
		</mx:HBox>
	</mx:VBox>
</mx:Application>

 下面是我的treedata.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<node label="ROOT">
	<node label="Inbox" type="folder">
		<node label="Marketing" type="workspace"/>
		<node label="Product Management" type="workspace"/>
		<node label="Personal" type="workspace"/>
	</node>
	<node label="Outbox" type="folder">
		<node label="Professional" type="workspace"/>
		<node label="Personal" type="workspace"/>
	</node>
	<node label="Spam" type="workspace"/>
	<node label="Sent" type="folder"/>
</node>

 不多说了,大部分都注释了。。。。

3
1
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics