flex tree grid 综合页面

[quote]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
Panel{
fontSize:12pt;
}
Tree{
fontSize:12pt;
}
</mx:Style>
<mx:Script>
<![CDATA[
private function ListMailCatelog():void
{
//得到mail_arrclo中的数据
var allArray:Array = mail_arrclo.toArray();

//通过过滤函数滤出符合条件的数据
var curArray:Array = allArray.filter(CateLogFilter);

//设定mail_dg的数据
mail_dg.dataProvider = curArray;
}

private function CateLogFilter(element:* , index:int ,arr:Array):Boolean
{
return (element.Catelog == mail_tree.selectedItem.@data);
}
]]>
</mx:Script>
<mx:ArrayCollection id="mail_arrclo">
<mx:Object>
<mx:Sender>郭靖</mx:Sender>
<mx:Title>升职报告</mx:Title>
<mx:Date>2007-07-07</mx:Date>
<mx:Catelog>Business</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>洪七公</mx:Sender>
<mx:Title>退休报告</mx:Title>
<mx:Date>2007-07-17</mx:Date>
<mx:Catelog>Business</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>黄容</mx:Sender>
<mx:Title>叫花鸡的烹饪过程</mx:Title>
<mx:Date>2007-07-27</mx:Date>
<mx:Catelog>Inbox</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>杨过</mx:Sender>
<mx:Title>残联活动旅游线路</mx:Title>
<mx:Date>2007-07-09</mx:Date>
<mx:Catelog>Inbox</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>韦小宝</mx:Sender>
<mx:Title>阿珂又和建宁打架了:(</mx:Title>
<mx:Date>2007-07-16</mx:Date>
<mx:Catelog>Private</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>虚竹</mx:Sender>
<mx:Title>有空来西夏玩:)</mx:Title>
<mx:Date>2007-07-19</mx:Date>
<mx:Catelog>Private</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>岳不群</mx:Sender>
<mx:Title>求购《避邪剑法》</mx:Title>
<mx:Date>2007-08-18</mx:Date>
<mx:Catelog>Other</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>欧阳峰</mx:Sender>
<mx:Title>出售《九阴真经》</mx:Title>
<mx:Date>2007-09-9</mx:Date>
<mx:Catelog>Other</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>老顽童</mx:Sender>
<mx:Title>蜂蜜优惠15一罐</mx:Title>
<mx:Date>2007-09-18</mx:Date>
<mx:Catelog>Delete</mx:Catelog>
</mx:Object>
<mx:Object>
<mx:Sender>张无忌</mx:Sender>
<mx:Title>明教原始股秘密发售</mx:Title>
<mx:Date>2007-10-1</mx:Date>
<mx:Catelog>Delete</mx:Catelog>
</mx:Object>
</mx:ArrayCollection>
<mx:XML id="treeNode_xml">
<folder label="邮件" data="Mail">
<folder label="收件箱" data="Inbox"/>
<folder label="个人文件夹" data="Inbox">
<Pfolder label="商务信件" data="Business"/>
<Pfolder label="私人信件" data="Private"/>
<Pfolder label="其他" data="Other"/>
</folder>
<folder label="已删除" data="Inbox"/>
</folder>
</mx:XML>
<mx:Panel width="100%" height="100%" horizontalCenter="0" verticalCenter="0"
layout="absolute" title="邮件列表" >
<mx:HDividedBox width="100%" height="100%" horizontalCenter="0" verticalCenter="0">
<mx:Tree id="mail_tree" width="20%" height="100%" dataProvider="{treeNode_xml}"
labelField="@label" showRoot="true" change="ListMailCatelog()">
</mx:Tree>
<mx:DataGrid height="485" id="mail_dg">
<mx:columns>
<mx:DataGridColumn headerText="发件人" dataField="Sender"/>
<mx:DataGridColumn headerText="邮件标题" dataField="Title"/>
<mx:DataGridColumn headerText="日期" dataField="Date"/>
</mx:columns>
</mx:DataGrid>
</mx:HDividedBox>
</mx:Panel>
</mx:Application>
[/quote]