Array of Tree Control

Hi,
I have a tree control which I am using to display a test sequence. I would like to put the tree controls in an array to display multiple (different) sequences. I am having problems populating the controls. When I get the reference, it populates all the controls in the array, rather than just one element.
Is there a way to populate just a single element in the array?
Thanks
John
Solved!
Go to Solution.

The only thing that can be different in an array is the value of the elements. All elements will share the same properties. In the case of a tree control the value is the item that's selected. The actual items is a property and hence every element would display the same items. If you need to have multiple tree controls then you would need to use a cluster, or just have multiple tree controls.

Similar Messages

Tree Control Property Node for Accessing "Child Text" String Array

When adding items to a tree control using the EditTreeItems invoke nodes, the inputs include "Child Tag", "Item Indent", "Child Only?", "Glyph Index", "Child Text", and "Left Cell String" as can be seen in this screenshot.
There are property nodes for the tree control for accessing each of these elements, except for the "Child Text", which is an array of strings. It is possible to access this data as outlined in this forum post, but this method is somewhat involved and round about.
I suggest that a property for the Tree class be created to access the Child Text array directly.

The work around only works if you do not have an empty string element some where in the middle.
At lest could the "Active Celltring Property" read return an error when you have gone beyond the end of the array.

How to get all items under a parent item in a tree control

Hello,
I have 2 questions regarding a tree control:
1) Is there any way to specify a parent item tag and get an array of ALL its sub item tags? For example, in the attached vi, specify the Parent#2 parent tag and get an array containing Item#P21 and Item#P22
2) Is there a way to specify a range to the ActiveCell property. For example, all items from line#1 to line number#3
Any ideas?
Attachments:
Tree example.vi ‏6 KB

Mentos wrote:
1) Is there any way to specify a parent item tag and get an array of ALL its sub item tags? For example, in the attached vi, specify the Parent#2 parent tag and get an array containing Item#P21 and Item#P22
Did you try a search? There's no direct way of doing this. You have to navigate the tree and build up an array. You can find an example here: http://forums.ni.com/t5/LabVIEW/get-all-children-of-a-parent-in-tree/td-p/729548
2) Is there a way to specify a range to the ActiveCell property. For example, all items from line#1 to line number#3
No. (It's called ActiveCell, not ActiveCells) Presumably you are trying to perform an operation on multiple items. Unfortunately, you need to use a loop. You should defer panel updates if you're doing this a lot.

Issue : drag and drop from list control to tree control

Hi,
I was trying a drag and drop from list control to tree control. I have used some sample data to populate list and tree controls .
It is working fine . except one problem ..
Prob : when i drag an item to tree control .. it gets added .. now tree contains (X+1) data in list .. say X is the inital number of nodes in a tree node.
          now if i drag another item from list to last item in the tree node .. i.e at X+1 index. .. it throws null pointer exception.
I am considerably new in flex programming . looking for help from experts ..
Below is my code :
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="horizontal"
                creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.controls.listClasses.IListItemRenderer;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            import mx.utils.ObjectUtil;
            import mx.collections.ICollectionView;
            import mx.core.UIComponent;
            import mx.managers.DragManager;
            import mx.events.DragEvent;
            import mx.controls.Alert;
            import mx.controls.Label;
            import mx.events.CloseEvent;
            private var homePath:String="/home/e311394/dndTest/";
            private var destPath:String="/home/e311394/dndDest/";
            private var eid:String="e311394";
            private var actn:String;
            [Bindable]
            private var cm:ContextMenu;
            private var cmi:ContextMenuItem;
            [Bindable]
            private var dp:ArrayCollection;
            private function init():void
                cmi=new ContextMenuItem("Remove");
                cmi.enabled=true;
                cmi.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuItem_menuItemSelect);
                cm=new ContextMenu();
                cm.hideBuiltInItems();
                cm.customItems=[cmi];
                cm.addEventListener(ContextMenuEvent.MENU_SELECT, contextMenuItem_menuSelect);
                list.contextMenu=cm;
            private function contextMenuItem_menuSelect(evt:ContextMenuEvent):void
                list.selectedIndex=lastRollOverIndex;
            private function contextMenuItem_menuItemSelect(evt:ContextMenuEvent):void
                var loclSelectedRow:Object=list.selectedItem;
                var lostrSelectedMenuItem:String;
                lostrSelectedMenuItem=evt.target.caption;
                if (loclSelectedRow != null)
                    var obj:Object=new Object()
                    obj.label=loclSelectedRow.label as String;
                        //Alert.show(obj.label);
                if (lostrSelectedMenuItem == "Remove")
                    if(loclSelectedRow!=null)
                    var pth:String=homePath.concat(loclSelectedRow.label);
                    //Alert.show(pth);
                    //FlexDnDRemoteService.process(eid,"delete",pth,"-");
                    var coll:ArrayCollection=list.dataProvider as ArrayCollection;
                    if (coll.contains(loclSelectedRow))
                        coll.removeItemAt(coll.getItemIndex(loclSelectedRow));
            public function onTreeDragEnter(event:DragEvent):void
                event.preventDefault();
                DragManager.acceptDragDrop(event.target as UIComponent);
                tree.showDropFeedback(event);
            protected function onTreeDragOver(event:DragEvent):void
                event.preventDefault();
                event.currentTarget.hideDropFeedback(event);
                try
                    var index:int=tree.calculateDropIndex(event);
                catch (e:Error)
                    DragManager.showFeedback(DragManager.NONE);
                    return;
                tree.selectedIndex=index;
                var draggedOverItem:Object=tree.selectedItem;
            public function onTreeDragExit(event:DragEvent):void
                event.preventDefault();
                tree.hideDropFeedback(event);
            private function showAlert():void
                Alert.yesLabel="Move";
                Alert.noLabel="Copy";
                Alert.buttonWidth=70;
                Alert.show("Copy / Move ?", "Confirm", Alert.YES | Alert.NO | Alert.CANCEL, this, alertListener, null, Alert.OK);
            private function alertListener(eventObj:CloseEvent):void
                var result:Boolean=false;
                if (eventObj.detail == Alert.CANCEL)
                    //Alert.show("CANCEL");
                    return;
                if (eventObj.detail == Alert.YES)
                    //Alert.show("YES");
                    result=true;
                else if (eventObj.detail == Alert.NO)
                    //Alert.show("NO");
                    result=false;
                var index:int=tree.calculateDropIndex(treedropevt);
                //Alert.show("Drop Pos" + index.toString());
                /* var treeList:ArrayCollection=tree.dataProvider as ArrayCollection;
                   Alert.show(" index"+index+"Length "+treeList.length);
                   if(index > treeList.length)
                   Alert.show("Returning");
                   return;
                var items:Array=new Array();
                if (treedropevt.dragSource.hasFormat("items"))
                    items=items.concat(treedropevt.dragSource.dataForFormat("items") as Array);
                var parentItem:Object;
                parentItem=getObjectTarget();
                /* if (tree.dataDescriptor.isBranch(tree.indexToItemRenderer(index).data))
                   parentItem=tree.indexToItemRenderer(index).data;
                   else
                   var dropParentPackage:Object = tree.mx_internal::_dropData.parent as Object;
                   Alert.show("HAck"+dropParentPackage.toString());
                   parentItem=tree.getParentItem(tree.indexToItemRenderer(index).data);
                   //Alert.show("Lenght "+ObjectUtil.getClassInfo(parentItem).properties.length);
                //Alert.show("Lenght "+ObjectUtil.getClassInfo(parentItem).properties.length);
                var position:int=0;
                /* if(ObjectUtil.getClassInfo(parentItem).properties.length==0)
                   Alert.show("Returning");
                   return;
                if (parentItem != null)
                    try
                        while (tree.indexToItemRenderer(index).data != parentItem)
                            //Alert.show(tree.indexToItemRenderer(index).data.toString());
                            if (index > 0)
                                index--;
                            //Alert.show("Insiade");
                            position++;
                    catch (e:Error)
                        Alert.show("Catch" + index.toString());
                        return;
                for each (var item:Object in items)
                    var obj:Object=new Object()
                    obj.label=item.label as String;
                    if (parentItem != null)
                        //Alert.show("ADDED");
                        tree.dataDescriptor.addChildAt(parentItem, obj, position++);
                    else
                        //Alert.show("PARENT NULL");
                        tree.dataDescriptor.addChildAt(tree.selectedItem, obj, position++);
                    var spth:String=homePath.concat(item.label);
                    //Alert.show(spth);
                    var dpth:String=destPath.concat(item.label);
                    //Alert.show(dpth);
                    if (result == true)
                        removeItems();
                            //FlexDnDRemoteService.process(eid,"move",spth,dpth);
                    else
                        //FlexDnDRemoteService.process(eid,"copy",spth,dpth);
                    tree.validateNow();
            public function getObjectTarget():Object
                var dropData:Object=tree.mx_internal::_dropData as Object;
                if (dropData.parent != null)
                    return dropData.parent;
                else
                    // if there is not parent (root of the tree), I take the root directly
                    var renderer:IListItemRenderer=tree.indexToItemRenderer(0);
                    return renderer.data;
            public function removeItems():void
                //remove moved elements
                var items:Array=treedropevt.dragSource.dataForFormat("items") as Array;
                var coll:ArrayCollection=list.dataProvider as ArrayCollection;
                for each (var item:Object in items)
                    if (coll.contains(item))
                        coll.removeItemAt(coll.getItemIndex(item));
            private var treedropevt:DragEvent;
            public function onTreeDragDrop(event:DragEvent):void
                treedropevt=event;
                showAlert();
                event.preventDefault();
                tree.hideDropFeedback(event);
            public function resultHandler(event:ResultEvent):void
                Alert.show("Success", "Status");
            public function faultHandler(event:FaultEvent):void
                Alert.show(event.fault.faultString, "Failure");
        ]]>
    </mx:Script>
    <mx:ArrayCollection id="listDP">
        <mx:Object label="File1.dnd"/>
        <mx:Object label="File2.dnd"/>
        <mx:Object label="File3.dnd"/>
        <mx:Object label="File4.dnd"/>
        <mx:Object label="File5.dnd"/>
    </mx:ArrayCollection>
    <mx:Number id="lastRollOverIndex"/>
    
    <mx:ArrayCollection id="treeDP">
        <mx:Object label="/dndDest">
            <mx:children>
                <mx:ArrayCollection>
                    <mx:Object label="sample1.ks"/>
                    <mx:Object label="sample2.ks"/>
                    <mx:Object label="sample3.ks"/>
                    <mx:Object label="sample4.ks"/>
                    <mx:Object label="sample5.ks"/>
                    <mx:Object label="sample6.ks"/>
                </mx:ArrayCollection>
            </mx:children>
        </mx:Object>
    </mx:ArrayCollection>
    <mx:List id="list"
             itemRollOver="lastRollOverIndex = event.rowIndex"
             width="50%"
             dragEnabled="true"
             dataProvider="{listDP}"
             labelField="label"
             allowMultipleSelection="true"
             dragMoveEnabled="false">
    </mx:List>
    <mx:Tree id="tree"
             width="50%"
             dragEnabled="true"
             dataProvider="{treeDP}"
             dragEnter="onTreeDragEnter(event)"
             dragOver="onTreeDragOver(event)"
             dragExit="onTreeDragExit(event)"
             dragDrop="onTreeDragDrop(event)"
             labelField="label"
             liveScrolling="true">
    </mx:Tree>
    <mx:RemoteObject id="FlexDnDRemoteService"
                     showBusyCursor="true"
                     destination="FlexDnD">
        <mx:method name="process"
                   result="resultHandler(event)"
                   fault="faultHandler(event)"/>
    </mx:RemoteObject>
</mx:Application>
Thanks,
Rajiv

Ya , i have searched and have used the same code.
But needed to customize few things like:
stop dnd in same tree
drop some item into a folder ..( onto it ) etc
have achieved the same .. but this issue ..
i think the tree dataprovider (contents internally is not being updated .. only the UI)
any suggestions ?
- Rajiv

How to Flex tree control using folder click event to pass coldfusion to get data from dynamiclly ?

Hi friends.........
Iam using flex tree control data coming from coldfusion file to display grid. As i click the tree folder to change the data from dynamic from grid.
How to pass the folder id from coldfusion file.. Is it possible ?.. Means give any example please....
Any One Help Me......
With Regards.,
Lingu.......

When you set the dataProvider for your tree control, you actually pass an array or arraycollection or whatever to that property. The array contains objects coming from your server, right? Each object should contain a property with the folder id, something like:
var arr:Array = [{id: 1, folderID: 34, name: "..."}, {id: 2, folderID: 4, name: "..."}, ...];
Now, when you click an item in your tree or your dataGrid, you can access the folder id by:
myTree.selectedItem.folderID
Hope this helps
Dany

How to design a listbox or tree control related to the database

Now i have a problem to design a listbox or tree control, it is designed to connect to the database, if the related element in database changed, the element in listbox or tree control should also change. i have managed to read the element in database, but i cannot input it to the listbox or tree control, since it has no input terminal that i can only use the Labeling tool and enter text into it.
is there any advise on it, maybe i can use another control rather than listbox or tree control. any suggestion would be appreciate.
Thank you
XuY

Hi Xuy,
On the front-panel, right-click on the text-ring control and select: Create\Property Node.
Then, on the diagram, right-click on the property-node and select "Strings[]".
The "strings[]" property is the array of strings available in the control - and you can change it.
Cheers!
Message Edited by tbd on 04-05-2007 11:18 PM
"Inside every large program is a small program struggling to get out." (attributed to Tony Hoare)
Attachments:
RingStrings.jpg ‏6 KB

How to get access to Row Data (Child Text) in a Tree Control Pragmatically?

In LabVIEW 2010, I have entered Row Data into a Tree Control pragmatically using the Add Item method and providing the Child Text array and the Child Tag for the Row. When a Row in the Tree Control is selected, I can get the Row Tag in the Value Property of the Tree. But how do I access the Child Text array data when the Row is selected? I can't seem to find a Tree Control Property or Method that will return that data back again.
What I am trying to do is: once a Row in a Tree is selected and a button is pushed, if the Row Tag is valid, I want to transfer all of the Row data into another similarly formatted Tree. To do that I need the Row Data for the Tree and Row that was selected. I can not find a way to get access to this Row Data after it has been entered into the Tree.
Can anyone tell me how to pragmatically access the Child Text or Row Data in a Tree Control from a selected Row in the Tree? I have the Tag for the Row, but how do I access the data?
Thanks for your assistance.
Solved!
Go to Solution.

As mentioned in the posting here, you can use the Active Item:Tag property to set the item to which subsequent property changes apply. This includes pulling the Active Celltring values out in a for loop as you increment the Active Cell:Active Column Number to get the row's Child Text data programmatically as I was originally wanting to do.
Note that wiring a 0 to the ActiveColNum property and reading the String value will return the tree item's visible name (in column 0), but not the unique item Tag (which is somewhat intangible after its creation). Therefore, I save the unique item tag when I add the item to the tree control (the output of the Add Item invoke node) and store it as a separate column of the Child Text array and place it out of sight in the tree control so I have access to it later. It might be useful, it might not.
I find the tree control totally non-intuitive and not well explained anywhere, but that's how a lot of LabVIEW coding is I guess. Play with it long enough and you become an expert. I had to learn the hard way, but I hope this helps someone else.
-Richard
"Computers are useless. They can only give you answers." - Pablo Picasso

How to change the symbol not provided by LV in tree control

AS we know ,Lv7.0 provide the new "tree" control
,but the symbol provided is just some black_white
icon.if I want to chang the icon as I enjoy ,
how to do?

You can create your own symbols (icons) for the tree control. First, create an invoke node for your tree control and select "Custom Item Symbols -> Set Symbol Array". You must build an array of images to feed to the method. You can right-click on the item in the invoke node and select Help for it.
Once your custom symbol array is set, you can designate an icon for each item on the tree with the property "Active Item Properties -> Symbol Index".
Daniel L. Press
PrimeTest Corp.
www.primetest.com

Tree controls has me stumped!

I'm pretty new with tree controls so please bare with me. I'm trying to create a tree using an array. Each coloum represents a parent and the last coloum is the child. There are a number of entries that have the same parent. When I run my vi, it creates a new parent with the same name. I want to add the enty to the exsisting parrent. See the attached vi. Hope someone can help!
Solved!
Go to Solution.
Attachments:
Tree Properties.vi ‏23 KB

Try the attached vi, I think it's what you were trying to accomplish. The problem you were having was becuase you were adding items that already existed in the tree, so labview forces their item tags to <Item>_1, <Item>_2, etc. In the attached vi you'll see I check if the current item already exists, if it does, I don't add it. I also build the child tags as <col1>_<col2>_<col3>_... for each row so that I can check if the same element already exists. Hope this is what you were looking for!
-RW
Attachments:
Tree Properties (Mod).vi ‏25 KB

Tree control loop through nodes

Hi All,
I have a tree control. I want to loop through the nodes and
add all the nodes to an array collection.
How do I do it?
Thanks in advance;
Josh

It depends on the data type of the dataProvider.
If XML, then myXML.descendants(); will return an xmlList of
all nodes. You could loop over the XMLList and build an
ArrayCollection
If the dataProvider is a collection, then you will need a
recursive function to process the dataProvider.
Tracy

Expand Tree Control

I now have a Tree Control populated from an ArrayCollection
and using the defaultDataDescriptor.
At this point in the program the data exists only in the
myTree.dataProvider and the root node is at myTree.dataProvider[0]
or myTree.dataProvider.source[0] and I can see from the variables
window that the correct data is located here.
What do I have to put for 'item' in
myTree.expandChildrenOf(??item??, true). Everything I can think of
returns:
"Cannot access a property or method of a null object
reference."
Does anyone have any idea how to make this work.
Doug

The error occurs in the Flex file Tree.as at line 1383.
I can now see that the null object is not item -
dataProvider[0], this contains the correct data. The problem is
that iterator is null and therefore iterator.view is a null
reference.
Is there any way to solve this problem?
My ArrayCollection is built in pretty much the same way as
shown in:
Flex 2 Developer's Guide > Building User Interfaces for
Flex Applications > Using Data Providers and Collections
> Using hierarchical data providers > Data descriptors and
hierarchical data provider structure > Creating a custom data
descriptor
But I have used the defaultDataDescriptor and my arrays are
not built from literals.
Doug

How to highlight all child items in a tree control?

I have a tree control and a boolean button. I want to use the button to select all (highlight) the child items in the tree control. I've seen CVI functions where you can set the active items, but such a function/method does not appear in LabVIEW.
Any clues?

Hi settles,
Once you have all the children, you just need to set the value of the tree control to be an array of all the child tags. Here's a screenshot of a VI that does this:
First I get all the tags, then I get the parent of each tag. If the parent is a non-empty string, I add it to an array. Then I write that array value to a local variable of the tree control. Let me know if you have any questions on this method. I believe the "All Tags" property I'm using was added in LabVIEW 8.0.
-D
Message Edited by Darren on 08-20-2008 10:58 AM
Darren Nattinger, CLA
LabVIEW Artisan and Nugget Penman
Attachments:
select_all_children_in_tree.PNG ‏34 KB

Object Object displaying in my tree control

I verified that my arrarycollection is being returned from
the database correctly but my tree control displays object Object.
Can anyone offer any suggestions?

"madhooper" <[email protected]> wrote in
message
news:ghrctr$egn$[email protected]..
>I attached the code for the tree and below is a sample of
the array that is
> returned.
> Object)#0
> hierarchy = (Object)#1
> 0000001 = (Object)#2
> id = "0000001"
> image = "0000001.png"
> label = "ENGINE GROUP (1/2)"
> level = "1"
> sections = (Object)#3
> 1101 = (Object)#4
> id = "1101"
> image = "1101.png"
> label = "1101 ENGINE ASSY"
> level = "2"
> sections = (Object)#5
> 1101002A = (Object)#6
> id = "1101002A"
> image = "1101002A.gif"
> label = "1101002A 1101 ENGINE ASSY (9202-9704)5K [ASSY]"
> level = "3"
> sections = (Array)#7
> 1101006 = (Object)#8
> id = "1101006"
> image = "1101006.gif"
> label = "1101006 1101 ENGINE ASSY (9202-9704)5K [SHORT
BLOCK
> ASSY]"
> level = "3"
> sections = (Array)#9
> 1101078B = (Object)#10
> id = "1101078B"
> image = "1101078B.gif"
> label = "1101078B 1101 ENGINE ASSY (9202-9704)5K [KIT]"
> level = "3"
> sections = (Array)#11
> 1101093 = (Object)#12
> id = "1101093"
> image = "1101093.gif"
> label = "1101093 1101 ENGINE ASSY (8104-9704)"
> level = "3"
> sections = (Array)#13
>
>
> <mx:Panel label="Index"
>
icon="@Embed(source='../assets/images/icons/Alpha_Index.png')">
> <mx:Canvas label="Index" width="100%" height="100%"
> backgroundColor="0xbFFFFFF"
> borderColor="0xFFFFFF" borderThickness="5"
> borderStyle="solid">
> <mx:RadioButton x="8" y="3" label="Expand All"/>
> <mx:RadioButton x="104" y="2" label="Collapse"/>
> <mx:RadioButton x="202" y="3" label="Restore"/>
> <mx:Label x="0" y="30" text="Filter by Section"/>
> <mx:TextInput x="101" y="28" width="219"/>
> <mx:Tree id="partsTree" labelField="sections" x="10"
y="56"
> width="354" height="239" dataProvider="{tree}">
> </mx:Tree>
> </mx:Canvas>
> </mx:Panel>
Since sections always seems to be an array in your hierarchy,
exactly what
label did you think you were going to see by specifying that
field as a
labelField?

Is a tree control appropriate for this application?

I've been playing with the idea of designing a Visio-like application in LabView. (See my post from a year ago or so... Playing with the idea for a long time, I guess...)
My first approach was to use a flat array to hold all the objects that would be drawn. To draw them, I treated the flat array like a tree, adding new objects to the end, and traversing it carefully when drawing a page. (This page has this "group" object, which contains these other objects...)
Would the tree control be appropriate for this type of application? I don't necessarily need to show the user the tree. I would use it primarily for behind-the-scenes bookkeeping. Or is the tree primarily a GUI-oriented control?
Secondly, how can I relate items in the tree with the information I need to display on the canvas? For example, If I come across an object titled "panel\group_2\square_5" -- well, how do I use that to access all the properties of "square_5" (size, color, etc.)? When the tree is used for representing a directory structure, a tag named "c:\dir2\file5" is very convenient -- the computer knows what to do with that, and no massaging is needed. But what good is "panel\group_2\square_5"? Do I then perform a string "match pattern" of an array of tags, and use that index to the flat array of objects? Ugh, that doesn't seem very efficient.
Thanks!
Tom

Someone who's used OOP will undoubtedly jump in here and tell you this is an ideal case for OO, because they can easily have children and you can represent your tree structure in a logical fashion. Another approach would be to use variants. Since variants can have named attributes, and attributes are themselves variants, you can easily construct a tree representing all your objects. Each object might also have a "properties" attribute allowing you to access all the relevant properties of, for example, your square.

How can I display and change built-in symbols of a tree control programmatically?

I want to set the built-in symbols of a tree control during runtime.
I only found an example to assign custom pictures but not how to select one of the 40 built-in symbol.
Many Thanks
Solved!
Go to Solution.

The ActiveItem.SymbolIndex will allow you to select the symbol for the active item. You can use the ListBox Symbol Ring Constant (Dialog and User Interface palette) to select a symbol (or you can just enter the number directly if you know what it is).
Message Edited by smercurio_fc on 07-10-2008 09:36 AM
Attachments:
Example_VI_BD6.png ‏2 KB

Array of Tree Control

Similar Messages

Maybe you are looking for