flex 3: 使用 tree 控件（三） (

最新推荐文章于 2014-11-26 18:06:40 发布

六毛饭

最新推荐文章于 2014-11-26 18:06:40 发布

阅读量546

点赞数

分类专栏： actonscript

本文链接：https://blog.csdn.net/cruelchen/article/details/9308273

版权

actonscript 专栏收录该内容

179 篇文章 0 订阅

订阅专栏

flex 3: 使用 tree 控件（三）

(

1.tree与datagrid的整合

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

    <mx:XML id="mydata">
        <folder label="邮件" data="mail">
            <folder label="收件箱" data="inbox"/>
            <folder label="个人文件夹" data="person">
                <folder label="商务信件" data="business"/>
                <folder label="私人信件" data="private"/>
                <folder label="其他" data="other"/>
            </folder>
        <folder label="已删除" data="delete"/>
        </folder>
    </mx:XML>
    <mx:Script>
        <![CDATA[
               //这是我们用的数据通过data的数据来判断显示
            private function ListMailCatelog():void{//回调function
            var allArray:Array=mymail.toArray();
            var curArray:Array=allArray.filter(cateLogFilter);
            maildg.dataProvider=curArray;
            }
            private  function cateLogFilter(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>i love you</mx:title>
            <mx:catelog>business</mx:catelog>
        </mx:Object>
            <mx:Object>
            <mx:sender>nic</mx:sender>
            <mx:title>i love you</mx:title>
            <mx:catelog>inbox</mx:catelog>
        </mx:Object>
         
            <mx:Object>
            <mx:sender>nic</mx:sender>
            <mx:title>i love you</mx:title>
            <mx:catelog>private</mx:catelog>

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

        </mx:Object>

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


            <mx:Object>
            <mx:sender>
                nic
            </mx:sender>
            <mx:title>
                i love 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:Tree id="mytree" width="30%" height="100%" dataProvider="{mydata}" labelField="@label" showRoot="true" change="ListMailCatelog();"></mx:Tree>
            <mx:DataGrid height="100%" id="maildg">
                <mx:columns>
                    <mx:DataGridColumn headerText="收件人" dataField="sender"/>
                    <mx:DataGridColumn headerText="邮件标" dataField="title"/>
                    <mx:DataGridColumn headerText="日期" dataField="catelog"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:HDividedBox>
    </mx:Panel>

</mx:Application>