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'},
{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>