トップページ >  Flex >  Tree
初版2009/09/30: 最終更新日2009/09/30
Tree
目次
Treeとは
ソース
サンプル
Treeとは
Treeは階層構造のナビゲーションに使われるコンポーネントです。
ソース
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                viewSourceURL="http://www.confrage.com/flex/Tree.txt">

    <mx:Script>
        <![CDATA[
            import mx.collections.XMLListCollection;

            private var xmlData:XMLList =
                <>
                    <menuItem label="親 1">
                        <menuItem label="1-1" value="1-1" />
                        <menuItem label="1-2" value="1-2" />
                    </menuItem>
                    <menuItem label="親 2">
                        <menuItem label="2-1" value="2-1" />
                        <menuItem label="2-2" value="2-2" />
                        <menuItem label="2-3" value="2-3">
                                <menuItem label="2-3-1" value="2-3-1" />
                                <menuItem label="2-3-2" value="2-3-2" />
                        </menuItem>
                    </menuItem>
                    <menuItem label="親 3">
                        <menuItem label="3-1" value="3-1" />
                        <menuItem label="3-2" value="3-2" />
                    </menuItem>
                </>;

            [Bindable]
            private var dspData:XMLListCollection = new XMLListCollection(xmlData);
        ]]>
    </mx:Script>

    <mx:Tree dataProvider="{dspData}" showRoot="false" labelField="@label"/>

</mx:Application>
サンプル