Hi,

Before trying to fix tree in my project I checked the example in tourdeflex modules. I would like to learn if anyone has checked that example because I couldn't make it work.

It fails after some and open/close clicks. Some of the menu items disappear. I want to make it work before focusing on my own implementation.

Here is the code :

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
               xmlns:s="library://ns.apache.org/royale/spark"
               xmlns:mx="library://ns.apache.org/royale/mx"
               paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
               height="100%" width="100%"
               >

    <fx:Metadata>
    </fx:Metadata>

    <fx:Script>
        <![CDATA[

            [Bindable]
            public var selectedNode:XML;

            // Event handler for the Tree control change event.
            public function treeChanged(event:Event):void {
                selectedNode=Tree(event.target).selectedItem as XML;
            }

        ]]>
    </fx:Script>

    <fx:Declarations>
        <fx:XMLList id="treeData">
            <node label="Mail Box">
                <node label="Inbox">
                    <node label="Marketing"/>
                    <node label="Product Management"/>
                    <node label="Personal"/>
                </node>
                <node label="Outbox">
                    <node label="Professional"/>
                    <node label="Personal"/>
                </node>
                <node label="Spam"/>
                <node label="Sent"/>
            </node>
        </fx:XMLList>
    </fx:Declarations>

    <mx:Panel title="Tree Control Example"
              paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
              height="100%" width="100%">

        <mx:Label width="100%"
                  text="Select a node in the Tree control."/>

        <mx:HDividedBox width="100%" height="100%">
            <mx:Tree id="myTree" width="50%" height="100%" labelField="@label"                      showRoot="false" dataProvider="{treeData}" change="treeChanged(event)"/>
            <mx:TextArea height="100%" width="50%"
                         text="Selected Item: {selectedNode.@label}"/>
        </mx:HDividedBox>

    </mx:Panel>

</s:Application>

Thanks,
Serkan

Reply via email to