f​l​e​x​学​习​笔​记​3 ​H​t​t​p​S​e​r​v​i​c​e

本文介绍了一个使用Adobe Flex框架构建的应用实例,该应用通过HTTPService组件从本地服务器获取员工数据,并展示如何使用DropDownList组件及自定义项渲染器进行数据绑定与交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<?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="employeeService.send()">
	<s:layout>
		<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import com.model.Person;
			import mx.collections.ArrayCollection;
			import spark.events.DropDownEvent; 
			import mx.binding.utils.BindingUtils;
			import mx.controls.Alert;
			import mx.rpc.events.ResultEvent;
			[Bindable]  
			private var	employeeData:ArrayCollection;

			[Bindable] 
			[Bindable] private	var	arr:ArrayCollection	 =	new ArrayCollection([{name:"李1",head:"11.jpg"},{name:"李2",head:"11.jpg"}]); 

			protected function	dropdownlist1_closeHandler(event:DropDownEvent):void
			{ 
				Alert.show(obj.selectedItem.name);
			}
			private function resultHandler(event:ResultEvent):void	
			{ 
				employeeData=event.result.department.employee;
				//Alert.show("---------");
			}

		]]>
	</fx:Script>
		
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<mx:HTTPService id="employeeService" url="http://127.0.0.1:8383/Xml/employees.xml"  result="resultHandler(event)">
		</mx:HTTPService>
   </fx:Declarations>
   <mx:DataGrid	dataProvider="{employeeData}"></mx:DataGrid>
   <s:DropDownList id="obj" width="200" dataProvider="{arr}" labelField="name" close="dropdownlist1_closeHandler(event)" itemRenderer="com.test.TT"></s:DropDownList>


</s:Application>

 

 

<?xml version="1.0" encoding="UTF-8"?>
 
<department>
<employee id="1234">
	<name>james</name> 
	<sex>male</sex>
	<age>25</age>
	<title>manager</title>
	<desc>got merried</desc>
</employee>

<employee id="1235">
	<name>james11</name> 
	<sex>male</sex>
	<age>25</age>
	<title>manager</title>
	<desc>got merried</desc>
</employee>

<employee id="127">
	<name>james11</name> 
	<sex>male</sex>
	<age>26</age>
	<title>manager</title>
	<desc>got merried</desc>
</employee>
</department>

 

 

 TT.MXML

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
				xmlns:s="library://ns.adobe.com/flex/spark" 
				xmlns:mx="library://ns.adobe.com/flex/mx" 
				autoDrawBackground="true">
	<s:BitmapImage		x="5"		width="50"		height="50"		source="{data.head}" verticalCenter="0"/>

	<s:Label x="65"	text="{data.name}" verticalCenter="0"/>
	
</s:ItemRenderer>

 

 

 

http://wenku.baidu.com/view/5af0d30e7cd184254b3535e2.html

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值