flex datagrid 添加树2 flex 教程 flex培训 flex源码 flex实例

最新推荐文章于 2015-01-11 01:09:46 发布

dingdangxiaoma

最新推荐文章于 2015-01-11 01:09:46 发布

阅读量888

点赞数

分类专栏： flex简单学习文章标签： flex datagrid email application library encoding

flex简单学习专栏收录该内容

22 篇文章

订阅专栏

本文探讨了如何使用XML数据绑定技术与Flex组件在应用程序中的整合应用，具体介绍了通过XML配置文件动态加载数据到Flex界面，实现界面与数据的无缝对接。包括使用GroupingCollection进行数据分组展示及AdvancedDataGrid进行复杂数据展示的例子。

摘要生成于 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">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	<mx:GroupingCollection id="myGC" source="{myAC}">
		<mx:Grouping>
			<mx:GroupingField name="category"/>
		</mx:Grouping>
	</mx:GroupingCollection>
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
		import mx.collections.ArrayCollection;
		public var myAC:ArrayCollection = new ArrayCollection([
		{category:'Friends', name:'Jon Hirschi',  email:'j_hirschi@domain.com'},
		{category:'Friends', name:'Frank Krul',   email:'f_krul@domain.com'},
		{category:'Friends', name:'Ryan Stewart', email:'r_stewart'},
		{category:'Family',  name:'Zafira Ahmed', email:'z_ahmed@domain.com'},
		{category:'Family',  name:'Shiraz Ahmed', email:'s_ahmed@domain.com'}]);
		]]>
	</fx:Script>

	<mx:AdvancedDataGrid dataProvider="{myGC}" initialize="myGC.refresh()" width="300">
		<mx:columns>
			<mx:AdvancedDataGridColumn dataField="name" headerText="Contacts"/> 
			<mx:AdvancedDataGridColumn dataField="email" headerText="Email"/> 
		</mx:columns> 
	</mx:AdvancedDataGrid>
	
</s:Application>