tree与datagrid的整合

 

<?xmlversion="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">

<mx:XMLid="mydata">
<folder label="邮件" data="mail">
<folderlabel="收件箱" data="inbox"/>
<folderlabel="个人文件夹" data="person">
<folderlabel="商务信件"data="business"/>
<folderlabel="私人信件"data="private"/>
<folderlabel="其他" data="other"/>
</folder>
<folder label="已删除" data="delete"/>
</folder>
</mx:XML>
<mx:Script>
<![CDATA[
//这是我们用的数据 通过data的数据来判断显示
private functionListMailCatelog():void{//回调function
varallArray:Array=mymail.toArray();
varcurArray:Array=allArray.filter(cateLogFilter);
maildg.dataProvider=curArray;
}
private functioncateLogFilter(element:*,index:int,arr:Array):Boolean{
// trace(mytree.selectedItem.@data);
return (element.catelog== mytree.selectedItem.@data);

}

//右列显示的数据

]]>
</mx:Script>
<mx:ArrayCollection id="mymail">
<!-- <mx:Object>
<mx:sender>nic</mx:sender>
<mx:title>ilove you</mx:title>
<mx:catelog>business</mx:catelog>
</mx:Object> -->
<mx:Object>
<mx:sender>nic</mx:sender>
<mx:title>ilove you</mx:title>
<mx:catelog>business</mx:catelog>
</mx:Object>
<mx:Object>
<mx:sender>nic</mx:sender>
<mx:title>ilove you</mx:title>
<mx:catelog>inbox</mx:catelog>
</mx:Object>
<!-- <mx:Object>
<mx:sender>nic</mx:sender>
<mx:title>ilove you</mx:title>
<mx:catelog>inbox</mx:catelog>

</mx:Object>
<mx:Object>
<mx:sender>nic</mx:sender>
<mx:title>ilove you</mx:title>
<mx:catelog>private</mx:catelog>

</mx:Object>-->
<mx:Object>
<mx:sender>nic</mx:sender>
<mx:title>ilove you</mx:title>
<mx:catelog>private</mx:catelog>

</mx:Object>
<mx:Object>
<mx:sender>nic</mx:sender>
<mx:title>ilove you</mx:title>
<mx:catelog>other</mx:catelog>

</mx:Object>

<mx:Object>
<mx:sender>
nic
</mx:sender>
<mx:title>
ilove you
</mx:title>
<mx:catelog>delete
</mx:catelog>
</mx:Object>


<mx:Object>
<mx:sender>
nic
</mx:sender>
<mx:title>
ilove you
</mx:title>
<mx:catelog>delete
</mx:catelog>

</mx:Object>

</mx:ArrayCollection>

<mx:Panel x="0"y="10" width="530" height="369"layout="absolute">
<mx:HDividedBox x="10"y="10" width="100%" height="100%">
<mx:Treeid="mytree" width="30%" height="100%"dataProvider="{mydata}" labelField="@label"showRoot="true"change="ListMailCatelog();"></mx:Tree>
<mx:DataGridheight="100%" id="maildg">
<mx:columns>
<mx:DataGridColumnheaderText="收件人"dataField="sender"/>
<mx:DataGridColumnheaderText="邮件标"dataField="title"/>
<mx:DataGridColumnheaderText="日期"dataField="catelog"/>
</mx:columns>
</mx:DataGrid>
</mx:HDividedBox>
</mx:Panel>

</mx:Application>