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

<?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'},name:'Ryan Stewart',email:'r_stewart'},{category:'Family',name:'Zafira Ahmed',email:'z_ahmed@domain.com'},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>