Tree component events

Given there is no tree component in Flash CS3, I used the following tutorial http://developer.yahoo.com/flash/astra-flash/tree/ and managed to populate the tree from an xml file. However I am now finding it difficult to perform certain actions such as:
- adding/deleting items from the tree
- save tree back to xml format
- copy child nodes from one tree to another
Can someone help me please, as I've been going round in circles this whole day without success

try making changes to the underlying data itself (ie the xml) rather than the tree
look at the inherited public methods here: http://developer.yahoo.com/flash/astra-flash/classreference/com/yahoo/astra/fl/controls/Tr ee.html#methodSummary

Similar Messages

Tree component event action

Hello
There's a page which contains the following 3 components: Input textfield, Button, Tree
I made the following settings of them:
I set the "event action" at the tree node, and so did I at the button properties.
When I click on the button, the action runs and set the value of the Input textfield:
�this.i_textField1.setValue("something");� - the Input textfield display it as it should.
When I click on the tree node and the event action runs (it can be tracked in debug mode) which runs �this.i_textField1.setValue('something');�, but the textfield doesn't display it.
Any suggestions?
Thanks

The root problem is that the tree node component always behaves as though it had an immediate property set to "true". You'll get the same behavior from button or hyperlink or any other action component is you set immediate="true". The text field submitted values are not cleared, and so the text field redisplays them instead of the value that is set in code or obtained by evaluating the binding on the session bean.
There is a work-around. There is a page bean method, erase(), which will clear all submitted values. Call this before you set the new values, e.g.:
    public String treeNode1_action() {
        this.erase();
     textField2.setValue("Tree Node");
        staticText2.setValue("Tree Node");
     getSessionBean1().setTemp("Tree Node");
        return null;
[/code
// Gregory

Custom icon per entry in the AS2 Tree Component (using CS3)

I have a tree component that loads its data from an XML file and I wonder if I can customize every entry to have its own icon by adding an icon attribute to every entry in the XML and giving the tree an action to read that icon (which would exist in the library of the Flash file). My goal is to reproduce a tree within an application that my company is developing (it's for a training tool related to that application).
My XML says something like <node label = 'Label' heading = 'LABEL' desc = 'Description' icon = 'icon1' />
My label is what the tree displays, the heading is what the information dialog in the training tool displays as a title bar, the desc is what the training tool displays within the body of the text for the function description and the icon is what I want to be a reference to the graphic in the library to place as an icon in front of the item rather than use setStyle with the properties for disclosure, leaf, and folder icons.
Is that possible? I haven't found a solution for it yet.

I've never used the Tree component, so I'm just guessing here....
There is a slight delay before the xml file loads and your tree has its data provider.
Perhaps during that time there is no node at mTree.getTreeNodeAt(0) to open? Try adding this just before the last line of your code:
trace("the node is: "+mTree.getTreeNodeAt(0));
What do you get?
You might need to move that code inside the xml's load event handler.
Another thing is that the Flash components tend to work on an invalidate-then-wait-one-frame-to-redraw kind of model. So it is possible you will need to wait one frame after the xml has loaded and then tell it to open that node.
The doLater method might help with that.
var home:MovieClip=this;
var xmlTreeData:XML = new XML();
xmlTreeData.onLoad = function() {
mTree.dataProvider = this.firstChild;
mTree.doLater(home,"delay");
xmlTreeData.ignoreWhite = true;
xmlTreeData.load("xml/treeValues1.xml");
mTree.setStyle("fontSize","11");
mTree.setStyle("selectionColor","0xE0E0E0");
mTree.setStyle("useRollOver",false);
function delay(){

Tree Component Icons

I'm using the tree component for a little Windows Parody I'm making. In my .fla, There's a tree component that loads an external XML file. I can't figure out how to add custom icons to my component, though.
I know it's possible to set the icons for just the default folder and file icons, but since it's a Windows Parody, there'll be different icons for different file types, folder types, etc.
In other words, I'd like to have a different icon for every item in my Tree component.
How can I do this?
Here are the contents of my XML file:
<node>
    <node label="Desktop">
</node>
    <node label="Documents">
<node label="Pictures" isBranch="true" />
<node label="Movies" isBranch="true" />
<node label="Games" isBranch="true" />
<node label="Video" isBranch="true" />
</node>
    <node label="Computer">
<node label="Local Disk (C:)" isBranch="true" />
<node label="Local Disk (D:)" isBranch="true" />
<node label="DVD-RAM Drive (E:)" isBranch="true" />
<node label="DVD/CD-RW Drive (F:)" isBranch="true" />
</node>
<node label="Readme.txt" isBranch="true" />
</node>
And the code on the first frame of my .fla file. The Tree's name is "fileTree", and the XML file is "doors_explorerXML.xml".
//Tree
var fileDP:XML = new XML();
fileDP.ignoreWhite = true;
fileDP.load("doors_explorerXML.xml");
fileDP.onLoad = function() {
    fileTree.dataProvider = this.firstChild;
Also, I don't need to have an XML file loaded. If there's an easy way that does it all within Flash, please tell me. I just need to be able to handle events from the Tree.

Im having the same issue. I dont know how to change the tree icons separately with the xml. Is there anyone who knows how to do it?
This is what I got so far. However, i can only get my first branch to show custom icons. I tried ALOT, but i guess I´m doing something completely wrong.
Here is the code for my tree so far:
my_xml = new XML();
my_xml.ignoreWhite = true;
my_xml.load("tree.xml");
my_xml.onLoad = function(){
myTree.dataProvider = this.firstChild;
var folders = my_xml.firstChild.firstChild;
var docs = folders.childNodes;
for (var i=0; i < docs.length; i++){
currDoc = docs[i];
trace(docs[i]);
var docIcon = currDoc.attributes.pic;
switch(docIcon){
case "pdf":
myTree.setIcon(currDoc, "pdfIcon");
break;
case "word":
myTree.setIcon(currDoc, "wordIcon");
break;
case "excel":
myTree.setIcon(currDoc, "excelIcon");
break;
case "ie":
myTree.setIcon(currDoc, "ieIcon");
break;
}//switch
} //for
};//onLoad
And here is the XML I used:
<node label="» Dokument typer">
<node label="» links - document">
<node label="test.url" url="http://www." pic="ie" info="test text" />
<node label="test.doc" url="test.doc" pic="word" info="test text" />
<node label="test.excel" url="test.xls" pic="excel" info="test text" />
<node label="test.pdf" url="test.pdf" pic="pdf" info="test text." />
</node>
<node label="» Links - document">
<node label="test URL" url="http://www." pic="ie" info="test text." />
<node label="test URL" url="http://www." pic="ie" info="test text." />
</node>
</node>

Questions about AS2 Tree Component (Flash CS3)

I have Flash application with a Tree component on the Stage. I'm using an XML file to create the structure of the Tree component.
Each entry on my XML has the attributes id, label, heading, desc, and icon.
My problem is that I can't seem to be able to set the Tree to default with the first node open.
My code is:
var xmlTreeData:XML = new XML();
xmlTreeData.onLoad = function() {
mTree.dataProvider = this.firstChild;
xmlTreeData.ignoreWhite = true;
xmlTreeData.load("xml/treeValues1.xml");
mTree.setStyle("fontSize","11");
mTree.setStyle("selectionColor","0xE0E0E0");
mTree.setStyle("useRollOver",false);
mTree.setIsOpen(mTree.getTreeNodeAt(0), true);
My tree populates fine, and the handler I retrieve whatever item is clicked works great. However, the tree refuses to default to having that first node open.
I'm also interested in placing custom icons into certain nodes via the icon attribute I've set in the XML, but that will have to come later I guess.

I've never used the Tree component, so I'm just guessing here....
There is a slight delay before the xml file loads and your tree has its data provider.
Perhaps during that time there is no node at mTree.getTreeNodeAt(0) to open? Try adding this just before the last line of your code:
trace("the node is: "+mTree.getTreeNodeAt(0));
What do you get?
You might need to move that code inside the xml's load event handler.
Another thing is that the Flash components tend to work on an invalidate-then-wait-one-frame-to-redraw kind of model. So it is possible you will need to wait one frame after the xml has loaded and then tell it to open that node.
The doLater method might help with that.
var home:MovieClip=this;
var xmlTreeData:XML = new XML();
xmlTreeData.onLoad = function() {
mTree.dataProvider = this.firstChild;
mTree.doLater(home,"delay");
xmlTreeData.ignoreWhite = true;
xmlTreeData.load("xml/treeValues1.xml");
mTree.setStyle("fontSize","11");
mTree.setStyle("selectionColor","0xE0E0E0");
mTree.setStyle("useRollOver",false);
function delay(){

Tree component bug (?) and some questions

Hi! I have some problems and questions about tree component.
Problems:
1. I have an expanded tree with ~300 items. Each item label
displayed in 2-3 strings. After QUICK tree scrolling using mouse
wheel (I make 3-5 scrolls) for most of items displayed only last
string and one empty string :(
Bug of tree renderer? Is it fixable?
Questions:
1. Can I have font color X for tree item 1 and font color Y
for tree item 2?
2. I have a tree with ~300 items. Expand/Collapse tree
operations takes 5 to 10 seconds on Core2Duo. Is it possible to
speed up this operations?
Code:

Hello.
About problem 1.
I faced this problem several times, cann't understand the
problem. May be it's a bug.
Questions.
1. Of course you can. Write itemRenderer for this.
2. Tree has effects for expanding and collapse events, you
can reduce times for them.

Tree Component as swf

I have a swf file that is a Tree Component... (So when it
diplays it looks like a Directory structure with folders and files)
Some nodes access url links... And some access .doc files on
the network... This works fine when I run it from my local site,
but when I run it on the remote site (Intranet server) the nodes
that reference file paths so nothing, instead of opening the file,
the url type links do work fine on the remote site.
Any thoughts on why this might be occurring ? I am putting
the swf and the associated xml file and html page on the remote
site... Am I missing a file or setting on the server that I have
locally? I am also including my .as file and xml file for review.
Any help would be greatly appeciated.
xml code:
<node>
<node label="Training Information" data="">
<node label="HP Learning Center" url="
http://h30187.www3.hp.com"
/>
<node label="HP Class Schedule" url="
http://h30187.www3.hp.com/all_courses.jsp"/>
<node label="Excel Charting Tips" data="IT Web
Docs/Advanced Tips and Tricks for Excel Charting.wmv" />
<node label="Email Contacts" data="file:///P|/IT
information/Tips/Contacts - Keeping track.doc" />
<node label="Assigning Tasks in Outlook" data="IT Web
Docs/Assigning and tracking tasks in Outlook.doc" />
</node>
<node label="Technical Documentation" data="">
<node label="myMCC Info Guide" data="IT Web
Docs/MyMccIntro.pdf" />
<node label="MCC Webex Guide" data="IT Web
Docs/MCCWebex.pdf" />
<node label="Scudder Access Guide " data="IT Web
Docs/AccessDWS-Scudder.pdf" />
<node label="VPN Install Guide" data="IT Web
Docs/MCCCitrixAccessGatewayVPN-Install.pdf" />
<node label="VPN User Guide" data="IT Web
Docs/MCCCitrixAccessGatewayVPN-Use.pdf" />
<node label="Samsung i830 Guide" data="IT Web
Docs/Samsung_i830_User_Guide.pdf" />
<node label="Treo 700w Guide" data="IT Web
Docs/treo_700w_user_manual.pdf" />
</node>
</node>
Action Script code:
import mx.controls.Tree;
class TreeNavMenu extends MovieClip {
var menuXML:XML;
var menuTree:Tree;
function TreeNavMenu() {
// Set up the appearance of the tree and event handlers.
menuTree.setStyle("fontFamily", "_sans");
//menuTree.setStyle("fontSize", 6);
menuTree.fontSize = 14;
menuTree.setSize(250, 300);
menuTree.move(0,0);
// Load the menu XML.
var treeNavMenu = this;
menuXML = new XML();
menuXML.ignoreWhite = true;
menuXML.load("TreeNavMenu.xml");
menuXML.onLoad = function() {
treeNavMenu.onMenuLoaded();
function change(event:Object) {
if (menuTree == event.target) {
var node = menuTree.selectedItem;
// If this is a branch, expand/collapse it.
if (menuTree.getIsBranch(node)) {
menuTree.setIsOpen(node, !menuTree.getIsOpen(node), true);
// If this is a hyperlink, jump to it.
var url = node.attributes.url;
var file = node.attributes.data;
if (url) {
getURL(url, "_blank");
else {
getURL(file, "_blank");
// Clear any selection.
menuTree.selectedNode = null;
function onMenuLoaded() {
menuTree.dataProvider = menuXML.firstChild;
menuTree.addEventListener("change", this);
This does work fine locally... But the file paths node do not
work when I publish to the Intranet server.
Thanks-Dave

It is quite a pain in the rear to skin the AS2 components.
And I don't know of many 3rd party components for AS2. I know of
plenty AS3 3rd party components, but if you were using AS3
components you wouldn't need a Tree to replicate the adobe video
workshop type navigation, all you would need is the built in List
component. If you can go sans icons, I would suggest using the AS2
List to get the feel you're looking for.

Tree Component with incremental auto-refresh?

Is there a free (preferably) or commercial JSF tree component with a general AJAX-based incremental auto-refresh?
Essentially when dealing with a tree of data which can lose or add nodes at any time, it would be nice to have an optional polling mechanism built into the tree that would check the server for tree insertion and removal events and handle any such events whenever they're found via incremental AJAX-based modifications to the tree -- not a full refresh. The same is true for tree node change events.
To be clear this is not a substitute for handling client events -- the tree data is indicative of shared state and changes independently from user actions.

I was following instructions from [http://niallcblogs.blogspot.nl/2009/06/auto-refreshing-adf-chart-objects-in.html]
But I got it to work the way you say.
But setting refresh="always" generates exceptions in even simple cases. Is it because I am using MySQL which does not have event notification support?

Tree Component transparency

when i try to make transpareny in tree component mouse events
misses.what can in do

I tried all different ways also but it didn´t work, but
then I found the solution. You can do it in two ways...
1: Convert the tree component to a graphic symbol and drag
the Alpha down.
2: Lets say that your tree is named thetree in "instance
name" you can write: thetree._alpha=50; in the trees actionscript.
It worked for me..
Micke

Tree Component AS3 Error

When I click a leaf in the Tree Component I have a function
called using the itemClick Property. When I click a node (the
folder icons) I get the AS3 error below. Does this only show up
with Debug versions of Flash Player. Plus how do I stop this error
from occurring if the user happens to have the debug version
installed?
Error #2044: Unhandled ioError:. text=Error #2032: Stream
Error.
at main/loadMyXML()
at main/collectionSelect()
at main/__gTree_itemClick()
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at mx.core::UIComponent/dispatchEvent()
at mx.controls.listClasses::ListBase/mouseClickHandler()
at mx.controls::Tree/mouseClickHandler()

ORA-00600 internal errors should be reported to Oracle Support by SR. If you don't have a support contract try searching the web for more information and possible fixes or workarounds.
From the information available on MOS, if the type of the PG.ID_PAR_PLANO_GER column is not VARCHAR2, then try converting P22_ID_PAR_PLANO_GER to the same type.

ADF Tree Component Iterating through all nodes upon ONE node click...

Hi to all !. My name is Agustin and I live far away... In Cordoba Argentina to be specific !. My doubt would be the following one: I wanted the other day to build a af:tree component and put in the NodeStamp an commandLink with a setActionListener... So as to get the selected Node... In this case, I have category of books... Let say DataBase, Cloud Computing, Web Development and so on... But the misterious thing happens when I click on one node, and the action method in my backing bean is executed one time per each node the Tree has... I notices this coz I made a System.out.println()... My idea would be to detect the user click event so as to update a Table... My code is as follows !...
<af:tree value="#{backManager.listaCategoria}" var="cat"
binding="#{backManager.tree1}" id="tree1">
<f:facet name="nodeStamp">
<h:commandLink binding="#{backManager.outputText1}" action="#{backManager.outputText1_action}" >
<af:setActionListener from="#{cat}" to="#{backManager.selectedItem}" />
<h:outputText value="#{cat.label}"
binding="#{backManager.outputText2}"
id="outputText2"/>
</h:commandLink>
</f:facet>
</af:tree>
and my backing bean is:
public String ejecutarSeleccion()
Categoria cat = (Categoria) this.selectedItem.getValue();
System.out.println("Nombre: " + cat.getNombre());
return null;
This method is the action attribute from the command link !.
the selectedItem is an attribute of the type SelectItem !.
Where I would be making the mistake ?... Or should I implement the thing in a different way ?... Thankx ! :D

Hi,
its strange when you say it executes the action per each node in the tree. One thing tough I would change is to go from h:commandLink to af:commandLink as it allows you to set partialSubmit=true in which case a click on the tree doesn't refresh the whole tree. I then would add an f:attribute tag to the command link
<f:attribute name="cat" value="#{cat.id}"/>
On the command link I had the actionListener property pointing to a managed bean with a method like
public void onTreeNodeAction(ActioneEvent actionEvent){
RichCommandLink link = (RichCommandLink ) actionEvent.getUIComponent();
Object catId = link.getAttributes().get("cat");
// ... cast the catalog id to its type and you are ready to go
Another option would be to use the SelectListener of the tree and don't use a command link at all. You respond to tree node selection similar to here
http://www.oracle.com/technetwork/developer-tools/adf/learnmore/83-bidi-synchronization-tree-form-401841.pdf
Frank

Horizontal scroll for Tree component scrolls too far right

I've enabled the horizontal scroll bar for the Tree component.
But the scroll bar allows the user to scroll very far to the right into blank space.
The maximum width of my components measures 124px, as calculated by measureWidthOfItems(0,0), and I've verified this by measuring pixels of a screen shot.
I have tried adding an event to set the Tree.maxHorizontalScrollPosition, and I traced the value that I'm setting it to, and I also traced the value that it actually assumed after I set it. Both are 124px.
So I can't understand the behavior. I can scroll something more like ~400px to the right with lots of blank space.
Any ideas why?
Thanks,
David

Hmm, I'm not sure why this works, but it works, so for completeness here's what I did (in case anyone else runs across this same thread):
var measWidth:Number = myTree.measureWidthOfItems(0,0);
filesTree.maxHorizontalScrollPosition = measWidth - myTree.width;
I call the above code whenever the window is resized (in my app there are 2 places that can cause a resize of the window, I manually added calls to a function with the above code). There is also an example out there that resizes any time the window is resized, but if you do this then you really can't have liveDragging=true in a DividedBox (which I have) because the cost of resizing is very high and overtaxes the cpu when called many times consecutively. I just call it when the dragging is finished (that way I have live dragging enabled, but it only updates the scroll bars when the user stops dragging, which is visually acceptable).

Tree component children displays [Object, Object] need help displaying the names :)

hey guys... i've run into yet another problem...
i have a tree component that gets its data from a httpservice.. xml file.
i then pasrse thru the recieved xml to create a dataprovider for the tree component. the code for that is below...
<mx:Tree id="tree" dataProvider="{treeData2}" showRoot="false" width="50%" height="100%" />
[Bindable] public var treeData2:ArrayCollection = new ArrayCollection;
[Bindable] public var treeData:Object;
public var resultArr:Object;
public function initNavTab():void{
    var navService:HTTPService = new HTTPService();
    navService.url = "http://www.apxalarm.com/pages/getnav";
    navService.method = "POST";
    navService.useProxy = false;
    navService.resultFormat = "e4x";
    //navService.resultFormat = "array";
    navService.addEventListener(ResultEvent.RESULT, returnNavData);
    navService.addEventListener(FaultEvent.FAULT, navDataFault);
    navService.send();
public function returnNavData(event:ResultEvent):void{
    navData = event.result;
    //resultArr = event.result;
    Alert.show("load complete");
    tree_labelFunc(navData);
public function navDataFault(event:FaultEvent):void{
    Alert.show(event.fault.faultDetail);
public function tree_labelFunc(item:Object):void{
    var node:XML = XML(item);
    var nav:XMLList = new XMLList();
    nav = node.sections;
    var i:Number = 0;
    for each (var section:XML in nav.section){
        var obj:Object = new Object();
        obj.label = section.name;
        obj.urlName = section.urlName;
        obj.children = new ArrayCollection;
            for each(var nav1:XML in section.navs.nav){
                obj.children.addItem([{label: nav1.name}]);
        treeData2.addItem(obj);
the tree_labelFunc parces thru the xml and creates the appropriate structure i need to be displayed in the tree component... but unfortunately the children of the tree component only shows [Object, Object]
can someone show me how to display the labels instead of the Object???
thank you soo much in advace guys!!! i really appretiate it!!!
oh and this is part of the xml that it is pulling
<siteMap>
<sections>
    <section>
      <name>About APX</name>
      <urlName>about</urlName>
      <position>1</position>
      <defaultaction>/about/mission</defaultaction>
      <navs>
        <nav>
          <name>Our Mission</name>
          <urlName>mission</urlName>
          <position>1</position>
          <defaultaction>13</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Links</name>
          <urlName>links</urlName>
          <position>4</position>
          <subNavs>
            <nav>
              <name>iamapx.com</name>
              <urlName>iamapx</urlName>
              <position>1</position>
              <defaultaction>http://www.iamapx.com</defaultaction>
              <subNavs/>
            </nav>
            <nav>
              <name>apxgivesback.com</name>
              <urlName>agb</urlName>
              <position>2</position>
              <defaultaction>http://www.apxgivesback.com</defaultaction>
              <subNavs/>
            </nav>
          </subNavs>
        </nav>
        <nav>
          <name>Newsletter</name>
          <urlName>newsletter</urlName>
          <position>3</position>
          <defaultaction>37</defaultaction>
          <subNavs/>
        </nav>
      </navs>
    </section>
    <section>
    </section>
    <section>
    </section>
    <section>
    </section>
    <section>
    </section>
    <section>
    </section>
</sections>
</siteMap>
i need the name tags in the xml to be displayed in the tree component....
again thank you soo much in advace for your help!!

thank you soo much for your quick responce alex!!
the toXMLString is exactly like the xml
<siteMap>
<sections>
    <section>
      <name>About APX</name>
      <urlName>about</urlName>
      <position>1</position>
      <defaultaction>/about/mission</defaultaction>
      <navs>
        <nav>
          <name>Our Mission</name>
          <urlName>mission</urlName>
          <position>1</position>
          <defaultaction>13</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Links</name>
          <urlName>links</urlName>
          <position>4</position>
          <subNavs>
            <nav>
              <name>iamapx.com</name>
              <urlName>iamapx</urlName>
              <position>1</position>
              <defaultaction>http://www.iamapx.com</defaultaction>
              <subNavs/>
            </nav>
            <nav>
              <name>apxgivesback.com</name>
              <urlName>agb</urlName>
              <position>2</position>
              <defaultaction>http://www.apxgivesback.com</defaultaction>
              <subNavs/>
            </nav>
          </subNavs>
        </nav>
        <nav>
          <name>Newsletter</name>
          <urlName>newsletter</urlName>
          <position>3</position>
          <defaultaction>37</defaultaction>
          <subNavs/>
        </nav>
      </navs>
    </section>
    <section>
      <name>APX Security Systems</name>
      <urlName>apxsystems</urlName>
      <position>2</position>
      <defaultaction>/apxsystems/systems/products</defaultaction>
      <navs>
        <nav>
          <name>Service Areas</name>
          <urlName>serviceareas</urlName>
          <position>1</position>
          <defaultaction>25</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Systems</name>
          <urlName>systems</urlName>
          <position>2</position>
          <defaultaction>27</defaultaction>
          <subNavs>
            <nav>
              <name>Get A System</name>
              <urlName>get</urlName>
              <position>2</position>
              <defaultaction>27</defaultaction>
              <subNavs/>
            </nav>
            <nav>
              <name>Browse Products</name>
              <urlName>products</urlName>
              <position>1</position>
              <defaultaction>28</defaultaction>
              <subNavs/>
            </nav>
            <nav>
              <name>Refer A Friend</name>
              <urlName>refer</urlName>
              <position>3</position>
              <defaultaction>38</defaultaction>
              <subNavs/>
            </nav>
          </subNavs>
        </nav>
      </navs>
    </section>
    <section>
      <name>Customer Support</name>
      <urlName>support</urlName>
      <position>3</position>
      <defaultaction>/support/specialist</defaultaction>
      <navs>
        <nav>
          <name>Technical Support</name>
          <urlName>tech</urlName>
          <position>2</position>
          <defaultaction>32</defaultaction>
          <subNavs>
            <nav>
              <name>Troubleshooting</name>
              <urlName>troubleshooting</urlName>
              <position>2</position>
              <defaultaction>32</defaultaction>
              <subNavs/>
            </nav>
          </subNavs>
        </nav>
        <nav>
          <name>Speak To A Specialist</name>
          <urlName>specialist</urlName>
          <position>1</position>
          <defaultaction>30</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Move Options</name>
          <urlName>moves</urlName>
          <position>3</position>
          <defaultaction>35</defaultaction>
          <subNavs/>
        </nav>
      </navs>
    </section>
    <section>
      <name>Home Safety</name>
      <urlName>safety</urlName>
      <position>4</position>
      <defaultaction>/safety/outside</defaultaction>
      <navs>
        <nav>
          <name>Indoor Tips</name>
          <urlName>inside</urlName>
          <position>1</position>
          <defaultaction>17</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Outdoor Tips</name>
          <urlName>outside</urlName>
          <position>2</position>
          <defaultaction>18</defaultaction>
          <subNavs/>
        </nav>
      </navs>
    </section>
    <section>
      <name>Customer Stories</name>
      <urlName>stories</urlName>
      <position>5</position>
      <defaultaction>/stories/videos</defaultaction>
      <navs>
        <nav>
          <name>Videos</name>
          <urlName>videos</urlName>
          <position>3</position>
          <defaultaction>15</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Read Stories</name>
          <urlName>read</urlName>
          <position>1</position>
          <defaultaction>19</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Tell Your Story</name>
          <urlName>tell</urlName>
          <position>2</position>
          <defaultaction>20</defaultaction>
          <subNavs/>
        </nav>
      </navs>
    </section>
    <section>
      <name>Newsroom</name>
      <urlName>press</urlName>
      <position>6</position>
      <defaultaction>/press/compprofile</defaultaction>
      <navs>
        <nav>
          <name>Press Releases</name>
          <urlName>pr</urlName>
          <position>2</position>
          <defaultaction>21</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Media Kit</name>
          <urlName>media</urlName>
          <position>3</position>
          <defaultaction>22</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Company Profile</name>
          <urlName>compprofile</urlName>
          <position>1</position>
          <defaultaction>34</defaultaction>
          <subNavs/>
        </nav>
        <nav>
          <name>Contact Us</name>
          <urlName>contact</urlName>
          <position>4</position>
          <defaultaction>39</defaultaction>
          <subNavs/>
        </nav>
      </navs>
    </section>
</sections>
</siteMap>
i need to subNavs to be available within the tree dropdown...

Tree Component Drag and Drop

Hi, I've been playing around with a trail version of flex and
was interested to know if anybody had tried to implement the drag
and drop functionality of the Tree component to a TileList? After
much messing about I noticed the format of the Tree data in the
DragSource was different to that of other lists. I've tried
overriding the addDragData method to see if I can change the format
of the data although this seems to cause problems when the Drag
complete event is triggered. Any ideas or help would be
appreciated.

Hey, Thanks for the reply. Yes this appears to work although
it took a bit of messing around and I still had to override the
dragCompleteHandler method of the Tree component to get the tree
view to update. One issue I do have (This appears to be an issue
with the tree component) is as you drag and drop files across from
one tree to another, when you remove the last child node the parent
node which has a folder icon changes to a document icon. Is there a
way around this?

Flex 2 Tree component vertical scrollbar not updating

I am using a Tree component to hold a very large dataset. So
instead of loading the whole tree view at once, I only load the
first level and make webservice calls every time the user opens a
node using the itemOpen event handler. My only problem is that the
data shows but the scrollbar does not appear. When I close said
folder, and reopen, then the scrollbar appears.
How should I notify the Tree component that the data has
changed and that it should update the scrollbar. I dont want to use
ItemRenderer if I dont have to.
Ive tried these but they dont work:
m_tree.dataProvider.refresh();
List(m_tree).invalidateDisplayList();
List(m_tree).validateNow();
m_tree.expandItem(m_selectedNode, true, true, true);
Thanks

didn't work for me, but i found something that did:
// set the child data
m_selectedNode.setChildren( node_xml.children() );
// dont show it
m_tree.expandChildrenOf(m_selectedNode, false);
// show it w/o raising an event
m_tree.expandItem(m_selectedNode, true, true, false);

Tree component events

Similar Messages

Maybe you are looking for