You are viewing a plain text version of this content. The canonical link for it is here.

Posted to users@royale.apache.org by Serkan Taş <se...@likyateknoloji.com> on 2019/11/03 17:46:05 UTC

Tree component not functions correctly

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