TREE component - basic

Hi guys!
Is there a tutorial somewhere that I can learn how to
populate a tree
component?
Thanks!

Thanks for the tip about "cross-posting".
Now, I have seen the examples in the obvious place to have
looked
(adobe.com - thanks again!), but have a question:
In the script below, if I wanted to load a movie.swf into a
level (0, 1, 2,
etc.) instead of a URL, how would I change it?
<?xml version="1.0" encoding="iso-8859-1"?>
<node>
<node label="My Bookmarks">
<node label="Macromedia Web site" url="
http://www.macromedia.com"
/>
<node label="MXNA blog aggregator" url="
http://www.markme.com/mxna"
/>
<node label="Creative">
<node label="tryouts" />
<node label="tests" >
<node label="results" />
<node label="finalizando">
</node>
<node label="Google" url="
http://www.google.com" />
</node>
Note: I have CROSS-POSTED for the last time, as this post was
in two forums,
I decided to end it.
"urami_" <[email protected]>
escreveu na mensagem
news:elg704$6qk$[email protected]..
> Don't post same message to multiple forums. It's
consider spamming, so
> post to one and stick to it.
>
> Go to
http://www.adobe.com/support/forums/guidelines.html
>
> Don't cross-post or double-post. Posting a message to
more than one forum
> (i.e "cross-posting" is unnecessary, and creates extra
traffic for you and
> others to read through. If you've already posted a
question, please don't
> repeat your posts in order to get more attention- this
makes it very
> difficult for others to see if and/or where your
question was answered.

Similar Messages

Tree Component ... getting crazy !

So tree component is terrible , every thing is gone , trying
all day to get directly to tree component and no result ,and there
is no basic explanation and no examples , i tried to search in Flex
Help Content , but I get more Cold Fusion tree help than Flex tree
.. spend 800 dollar for flex and get CFHelp , I don’t think
is good idea , so pleas help me , how can i add simple tree node
with out XML , I hate XML , and i know some how we can work with
Tree component directly though ITreeDataDescriptor , but how ..?
In As2 it was simple and easy, now how to do this I
don’t know and I am not only one!
I am not a specialist in Action Script but in AS2 I never had
a problem, and if I did, we have a lot of documentation about AS2
and examples, but Flex trying to sell a product that not supports
any examples and documentation... Write in search content
‘tree’ and you get cf tree examples and structures, but
I don’t need cftree information, I need flex tree exemplas,
but there is few... Working with flex all week I get more tired and
depressed.. Any thing I trying to do is going wrong, AS2 is not
there any more and I understand that I have to learn AS3 from
beginning to understand it... I hate it!!!!!!
Flex - Rich Application for users and Rich work for
Developers!

Eddy, chill out man.
How can you say, "I hate XML," and really even try to learn
Flex? Flex is based on XML, MXML is XML, any services you call
(HTTP or WEB) are XML. I think it's time for change and time you
picked up XML. It's actually very, very simple.
You don't have to learn AS3 from the ground up. There are a
lot of similarities between AS2 and AS3.
You just need to write a simple function which goes through
the array and converts it to xml. While I could program that for
you, I think you could probably figure it out yourself.
But why even bother? Using an XMLList is just as easy.
Behold:
<mx: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>
</mx:XMLList>
XML is composed of parents and children. You can do much more
with XML than you can with plain old arrays, plus, when's the last
time you saw a 10-tiered multi-dimensional array? It's not possible
to do something like that without XML.
Over and out - Taka.

How do you change the Tree Component Icons?

Hi,
I have been trying to get to grips with the tree component. I
want to
customise it so that I can have a different icon for each
different link.
E.g. a QT logo for a video etc. If no valuse is found for the
'icon'
attribute it will just display the default.
Within my XML file I have created a new attribute for each
link called
'icon' and has a value of 'movie.gif' or something similar.
In my flash file, I have created the following code:
theTree.iconFunction = function (node:XMLNode) {
var iconNode:String = item.attributes.icon;
if (iconNode != undefined) {
return iconNode;
However, it does not seem to work. My knowledge of
ActionScript is pretty
poor so I assume I have made a mistake in there somewhere.
Can anyone help
me with this?
Thanks!

Check out the Component Reference... you change the icon for
a single node, as far as I know there's no automated process beyond
that. So assuming your tree component instance is named "theTree"
you might do this to change the icon of the first node:
theTree.dataProvider = yourXML; // make sure you don't try to
change the icon before you load data into the tree
var theNode = theTree.getTreeNodeAt(0); // the first node in
your tree
theTree.setIcon(theNode,'myIcon'); // set the icon
Where "myIcon" is a MovieClip you have in your library that
you have set the "linkage identifier" as "myIcon".
That iconFunction doesn't make a whole lot of sense to me,
because first of all I don't know why it would be attached to
theTree, and second it's referring to "item" which is not defined,
and third its taking the parameter "node" and not doing anything
with it. But perhaps there is some cool way to make a single
function which handles icons for your entire tree automatically,
that would certainly be nice.
However, like I said, as far as I know that function will do
nothing without calling tree.setIcon() in some way. I just made a
function which might do what you want -- it recursively loops
through an entire tree and sets it's icon based on the XML
attribute "icon":
function setAllIcons(branch){
for(var i in branch.childNodes){
var node = branch.getTreeNodeAt(i);
theTree.setIcon(node,node.attributes['icon']);
if(node.hasChildNodes){
setAllIcons(node);
So basically, you run setAllIcons(theTree.dataProvider) after
you have loaded and applied the XML.

How to create dynamic tree component

I am using netbeans 5.5 and visual web pack to develop my jsf application.
I want to add a tree component that will be tied to a table with following columns:
id,parent_id,name
Actually the table stores data in tree structure with parent_id storing the parent of the row.
So a row with parent_id = 0 will be the root nodes of the tree.
When ever any root node is selected i want to fetch its children from the database and populate then as children of that parent node.
The tree can go to any depth so i want to make my tree component dynamic enough to handle this requirement.
How can i accomplish this.
I just want to add listerner for the plus sign of every node so that when the plus sign of that node is clicked i just want to get the id of the corresponding node.

What i'm trying to do is create an organizational structure.
Global>Region>Plant-->Corporation
The output from the RFC is a structure containing every possible combination for orgazational hierarchy. Basically a flat table with record for every possible combinaton of Region-Plant-Corporation. This data needs to be bound to a tree structure so that we can call BW queries based on that level. For example: Give me aged inventory for the SAP corporation within the plant Berlin that is located in the Europe region.
Now that you understand the business reason will the nodes that represent Region and Plant and corporation be non-singleton nodes or recursive? I was thinking a hierarchy of non-singleton nodes.
I can bind these nodes to the Region - Plant - Corporation elements returned from in the flat table structure. I will probably get duplicates as a specific Region will be listed multiple times for every possible combination of the data beneath it. I'm not so concerned about that right now as I want to make sure I understand how in Web Dynpro to bind the data to the tree.
Hopefully this makes some sense. Can you elaborate on how this may be constructed in context of the view?
Would i create a model node for region (0..n), model node for plant (0..n), and a model node for Corporation (0..n)?
Or does this sound totally incorrect?
julian
We have 3 regions over 50 plants and probably around 500 corporations.

Change the Tree Component background

Does anyone know how can i change the Tree Component
background ?
PLS HELP

Check out the Component Reference... you change the icon for
a single node, as far as I know there's no automated process beyond
that. So assuming your tree component instance is named "theTree"
you might do this to change the icon of the first node:
theTree.dataProvider = yourXML; // make sure you don't try to
change the icon before you load data into the tree
var theNode = theTree.getTreeNodeAt(0); // the first node in
your tree
theTree.setIcon(theNode,'myIcon'); // set the icon
Where "myIcon" is a MovieClip you have in your library that
you have set the "linkage identifier" as "myIcon".
That iconFunction doesn't make a whole lot of sense to me,
because first of all I don't know why it would be attached to
theTree, and second it's referring to "item" which is not defined,
and third its taking the parameter "node" and not doing anything
with it. But perhaps there is some cool way to make a single
function which handles icons for your entire tree automatically,
that would certainly be nice.
However, like I said, as far as I know that function will do
nothing without calling tree.setIcon() in some way. I just made a
function which might do what you want -- it recursively loops
through an entire tree and sets it's icon based on the XML
attribute "icon":
function setAllIcons(branch){
for(var i in branch.childNodes){
var node = branch.getTreeNodeAt(i);
theTree.setIcon(node,node.attributes['icon']);
if(node.hasChildNodes){
setAllIcons(node);
So basically, you run setAllIcons(theTree.dataProvider) after
you have loaded and applied the XML.

Extending connect by clause in tree component

Hi guys,
I am afraid I know the answer to this one but I'll ask anyway.
The build-in tree component only lets you enter the basic sql-statement. It "handles" the connect by clause. Now that is all fine and dandy, but some of our connect by clauses are a little bit more complex. So I would like to add to the connect by clause and the start with clause.
Alternatively, allow us to write the complete sql-statement
Also there is no way now to utilise the 10g features.
I guess an enhancement request for Version 2 please?

Is there any equivalent command in SQL Server's T/SQL for the command :-
select parent, offspring from table_family start by offspring='child1' connect by parent=PRIOR offspring I had this problem some time ago. I don`t found an eqivalent on MS-SQL-server 7.0. So I wrote a T-SQL procedure wich calls itself recusively. ( I don`t have the souce-code any more ).
I don4t know if there is an equivalent on MS-SQL-server 2000.

A tree component

Hello,
I'm presently looking for a JSF tree component. I need one which not only would allow me to display a little icon next to my leaves names, but which would allow me to display a checkbox too.
I've tried the Apache MyFaces tree, in the Tomahawk sub-project. But it looks like I won't manage to add a checkbox without changing its code.
A clue, anyone ? With MyFaces or anything else ?
AlienQueen

below is my code from my project
perhaps it is useful for your problem
* Copyright 2005 The Apache Software Foundation.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
package com.itlt.clb.action;
import org.apache.myfaces.custom.tree2.HtmlTree;
import org.apache.myfaces.custom.tree2.TreeNode;
import org.apache.myfaces.custom.tree2.TreeNodeBase;
import org.apache.myfaces.custom.tree2.TreeModel;
import org.apache.myfaces.custom.tree2.TreeModelBase;
import com.itlt.clb.entity.Agency;
import com.itlt.clb.util.HibDb;
import com.itlt.clb.util.Loginer;
import com.itlt.clb.util.constant.ConstParas;
import javax.faces.context.FacesContext;
import javax.faces.application.FacesMessage;
import javax.faces.component.UIComponent;
import javax.faces.validator.ValidatorException;
import javax.faces.event.ActionEvent;
import java.io.Serializable;
import java.util.List;
* Backer bean for use in example. Basically makes a TreeNode available.
* @author Sean Schofield
* @version $Revision: 1.9 $ $Date: 2007-05-31 09:17:44 $
public class TreeBacker implements Serializable
private TreeModelBase _treeModel;
private HtmlTree _tree;
private boolean select;
public boolean isSelect() {
          return select;
     public void setSelect(boolean select) {
          this.select = select;
     public TreeNode getTreeData()
          String formatFolder = "foo-folder";
          int agencyCodeLen = 5;//代理编码长度
          long agencyId = Loginer.getCurLogin().getUserclerk().getAgency().getId();
          TreeNode treeData = null;
          //首先得到中港通的数据.
          List chinaLinkList = HibDb.queryHQL("from Agency a where a.id ='"+agencyId+"' and a.status = '"+ConstParas.common3Status.ACTIVE.getStatus()+"'", 0, 0);
          Agency chinaLinkAgency = null;
          if(chinaLinkList != null && chinaLinkList.size() > 0){
                    chinaLinkAgency = (Agency)chinaLinkList.get(0);
                    if(chinaLinkAgency.getCode().length()==agencyCodeLen)
                         formatFolder = "foo-folder";
                    else
                         formatFolder = "bar-folder";
                    treeData = new TreeNodeBase(formatFolder, "<input type='checkbox' id='agency_"+chinaLinkAgency.getId()+"' value='"+chinaLinkAgency.getId()+"' onclick='getSelectAgency(this)'>"+chinaLinkAgency.getName()+"", false);
          // construct a set of fake data (normally your data would come from a database)
          List list = HibDb.queryHQL("from Agency a where a.agency.id='"+chinaLinkAgency.getId()+"' and a.status = 'A'", 0, 0);
          Agency agency = null;
          Agency subAgency = null;
          Agency subAgencyPoint = null;
          TreeNodeBase personNode = null;
          TreeNodeBase folderNode = null;
          TreeNodeBase folderNodePoint = null;
          for(int i=0;i<list.size();i++){
               agency = (Agency)list.get(i);
               if(agency.getAgency() != null){
                    if(agency.getCode().length()==agencyCodeLen)
                                   formatFolder = "foo-folder";
                              else
                                   formatFolder = "bar-folder";
                    personNode= new TreeNodeBase(formatFolder, "<input type='checkbox' id='agency_"+chinaLinkAgency.getId()+"_"+agency.getId()+"' value='"+agency.getId()+"'onclick='getSelectAgency(this)'>"+agency.getName()+"", false);
                    //去找到所有属于它的销售点
                    //System.out.println(" agency.getId() = "+agency.getId());
                         List subList = HibDb.queryHQL("from Agency a where a.agency.id = '"+agency.getId()+"'and a.status ='"+ConstParas.common3Status.ACTIVE.getStatus()+"'", 0, 0);
                         for(int k=0;k<subList.size();k++){
                              subAgency = (Agency)subList.get(k);
                              if(subAgency.getCode().length()==agencyCodeLen)
                                        formatFolder = "foo-folder";
                                   else
                                        formatFolder = "bar-folder";
                              folderNode = new TreeNodeBase(formatFolder, "<input type='checkbox' id='agency_"+chinaLinkAgency.getId()+"_"+agency.getId()+"_"+subAgency.getId()+"' value='"+subAgency.getId()+"'onclick='getSelectAgency(this)'>"+subAgency.getName()+"", false);
//                              folderNode.getChildren().add(new TreeNodeBase("document", "X050001", true));
//                              personNode.getChildren().add(folderNode);
                              List subListPoint = HibDb.queryHQL("from Agency a where a.agency.id = '"+subAgency.getId()+"' and a.status = '"+ConstParas.common3Status.ACTIVE.getStatus()+"'", 0, 0);
                              for(int l=0;l<subListPoint.size();l++){
                                   subAgencyPoint = (Agency)subListPoint.get(l);
                                   if(subAgencyPoint.getCode().length()==agencyCodeLen)
                                             formatFolder = "foo-folder";
                                        else
                                             formatFolder = "bar-folder";
                                   folderNodePoint = new TreeNodeBase(formatFolder, "<input type='checkbox' id='agency_"+chinaLinkAgency.getId()+"_"+agency.getId()+"_"+subAgency.getId()+"_"+subAgencyPoint.getId()+"' value='"+subAgencyPoint.getId()+"'onclick='getSelectAgency(this)'>"+subAgencyPoint.getName()+"", true);
                                   folderNode.getChildren().add(folderNodePoint);
//                                        personNode.getChildren().add(folderNode);
                              personNode.getChildren().add(folderNode);
                    treeData.getChildren().add(personNode);
return treeData;
* NOTE: This is just to show an alternative way of supplying tree data. You can supply either a
* TreeModel or TreeNode.
* @return TreeModel
public TreeModel getExpandedTreeData()
return new TreeModelBase(getTreeData());
public void setTree(HtmlTree tree)
_tree = tree;
public HtmlTree getTree()
return _tree;
public String expandAll()
_tree.expandAll();
return null;
private String _nodePath;
public void setNodePath(String nodePath)
_nodePath = nodePath;
public String getNodePath()
return _nodePath;
public void checkPath(FacesContext context, UIComponent component, java.lang.Object value)
// make sure path is valid (leaves cannot be expanded or renderer will complain)
FacesMessage message = null;
String[] path = _tree.getPathInformation(value.toString());
for (int i = 0; i < path.length; i++)
String nodeId = path;
try
_tree.setNodeId(nodeId);
catch (Exception e)
throw new ValidatorException(message, e);
if (_tree.getNode().isLeaf())
message = new FacesMessage(FacesMessage.SEVERITY_ERROR,
"Invalid node path (cannot expand a leaf): " + nodeId,
"Invalid node path (cannot expand a leaf): " + nodeId);
throw new ValidatorException(message);
public void expandPath(ActionEvent event)
tree.expandPath(tree.getPathInformation(_nodePath));
it support your checkboxi
Message was edited by:
lysmart

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(){

Label display issue in Tree component when it is having vertical scrollbar

I am using tree component as dropdown factory for combo box. When i open dropdown, it doesn't have vertical scrollbar and all the root nodes are getting displayed correctly(in closed mode). Now if i try to open any node, i am getting vertical scrollbar as the child nodes are more. Now the problem is if scroll down, some of the nodes(labels) are not getting displayed but i am able to see the icon. If i keep on scrolling bottom to top and top to bottom, some of the nodes are showing labels and some are not(It is inconsistant).
I have not used any custom item renderer for tree control. I used my custom dataDescriptor which i have implemented from ITreeDataDescriptor. Also I tried extending DefalutDataDescriptor, but no luck.

Does it work if the tree is not in a combobox?

Layout issue with af:tree component

I am using af:tree component but I am finding layout issue with it. I have a requirement where in I need the tree to stretch to the available space but a horizontal and a vertical scrollbar comes up automatically. Is there a way to handle this issue?

User, without your jdev version it's hard to help.
Have you embedded the tree component in a stretch layout?
Timo

[F8] Tree Component: How can I hide/remove the scrollbar and border?

I'm using the Tree Component in my Flash 8 Pro - Project. I'm
trying to customize the look of the Tree component in two ways:
1. Is there any way to remove the scrollbar from the Tree
Component?
2. Can I also remove the Border from the Tree Component?
I checked the Component Inspector and couldn't find any
options for the scrollbar nor the border.
Does anyone know how to do this or could you point me in the
right direction?
Thanks

You can use the Status-4-Evar extension to replace some functionality that was lost withthe removal of the Status bar in Firefox 4.
Open the Customize window via "View > Toolbars > Customize" or via "Firefox > Options > Toolbar Layout" after you have installed the Status-4-Evar extension and drag the items (Status Text, Progress Meter, Download Status) upon the Add-ons Bar (View > Toolbars > [X] Add-on Bar)
* Status-4-Evar: https://addons.mozilla.org/firefox/addon/235283/

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(){

Ext. data source and Tree component

Im using tree component and XMLConnector here.
as far as i can see results in my tree (when testing my
movie) it ouputs data thats loaded fom ext. XML file.
But the problem is that it publishes [type Function] in the
tree.
no actual xml nodes are visible, just bunch of [type
Function]
ive also searched for info / tutorial how to publish actual
xml data in the tree component but without any luck.
So what should i do and how ?

Solved
xml tags needed just a label with attributes

Tree component and loading xml files into text field

Hello and thank you for taking the time to read my issue....
I am making a simple self help application. I have a tree component that loads the different catagories and topics for my help app dynamically via an xml file...no issues there.
I then want it so that when the user cliecks on the actual topic that the TextArea component will load the info from another xml file using the name of the topic as the name of the xml file to make it that much easier for anyone to maintain this program.
So far the code i have is this.
myTreeListener.change = function(eventObject)
    var theSelectedNode = eventObject.target.selectedNode;
    var theSelectedNodeLabel = theSelectedNode.attributes.label;
    topicTextArea.text +=
I am a little fuzzy when it comes to loading the xml file in. Should i be loading html instead of xml is my other question as well?
Thanks in advance for your help
FG

Check out the Oracle XDB Developer's Guide, Chapter 3. There is an example of using BFileName function to load the xml files from a directory object created using create or replace directory. It works really well.
Ben

TREE component - basic

Similar Messages

Maybe you are looking for