Tree Control & Display photos

Dear all,
Can some one help me with the Tree control UI,I need to display a hierarachy of products.
Also pls share how to display photos which are stored in R/3 to appear in a view.
Thanks in advance,
Sethu

Hi Sethu,
for information related to implementation of trees check my post in the following thread
Explorer view in WDA - Urgent
with regards to displaying photos, u need to use image ui-element and sets its source property, check out the tutorial at the below link:
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/2eb11b59-0a01-0010-dfa3-8292abdf9c4f
Regards,
Shweta
PS: Award points if reply was helpfull

Similar Messages

Icon in tree control displayed as @01@ not as a icon symbol

Hi everybody,
I have a field of component TV_IMAGE. During runtime I assigned 'ICON_COMPLETE'.
But only @01@ is show in the tree, not the symbol.
Does anybody know, what I am doing wrong?
Thanks
Regards
Mario

I found it.
In the fieldcat I have to --> icon = abap_true
Thanks regards
Mario

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?

TRIAL BALANCE WITH ALV TREE CONTROL

Hi Friends,
My manager wants to see trial balance with cost centers like ALV tree control display.
Does SAP have any Std trial balance report which can show cost centers also for accounts and activities within those cost centers.
Please help.
Thanks

Nelow message will appear and not possible technically
Output option ALV Tree Control: Parameter Scaling set to 0/0
Message no. FR098
Diagnosis
You selected output option ALV Tree Control. For technical reasons, only the value 0/0 is possible for the parameter Scaling.
System Response
Parameter Scaling set to the value 0/0.
Procedure
If you want to compare the program output for output options ALV Tree Control and Classical list, you have to also set the parameter Scaling to '0/0' when running the program with output option Classical list.

Can I edit the data already displayed in tree control?

I'm using a tree control to display some data in front panel. But after running the program, can I edit the data already displayed in tree control by using input control and let it change and display dynamically? In invoke nodes I can only find add or delete items in tree but can't find edit...

There is no direct editing option available, same can be achieved in two steps by using
--> Add Item Invoke Node
--> Delete Item Invoke Node
I am not allergic to Kudos, in fact I love Kudos.
Make your LabVIEW experience more CONVENIENT.

Tree control erroneously displays nodes multiple times

I'm attempting to use a Tree control to display some data.
I'm using an HierarchicalCollectionView as the dataProvider. All
the data displays, but it appears on the wrong level. For instance,
on the root level, it displays the root node (correctly marked with
the folder icon as having children), plus all the children (on the
root level!) If I expand the root node, underneath it it displays
its children as expected -- now there are 2 copys of all the
children, one in the correct place and one at the root level. If I
expand 2nd-level nodes, their children (and children's children,
etc) display underneath them... the pattern continues. It looks
like every level of the hierarchy displays ALL the nodes underneath
it, no matter how many levels down.
I think I know why this happens: a
HierarchicalCollectionView's createCursor() function returns an
IViewCursor that treats the collection as linear instead of
hierarchical. The Tree then uses this cursor to visit every node in
the tree, displaying it. When expanding a node, it again uses one
of these linear-type cursors, but on the children of the node
clicked on, so it displays all the children underneath it and their
children, etc. This seems like a major bug in the library -- I'm
pretty sure this isn't a problem with my code. Doesn't it seem
natural to use a HierarchicalCollectionView with a Tree control?
Has no one else ever experienced this issue? I'd expect it to work,
especially since HierarchicalCollectionView extends
ICollectionView, which is what the dataProvider wants. I've looked
through the source of the Tree class (and List, and ListBase) and I
think it all boils down to not using the dataDescriptor's
getChildren() method and instead using createCursor() directly on
the dataProvider. The dataDescriptor's getChildren() method returns
an ICollectionView that correctly only contains the next-level
nodes, not all of the ones all the way to the bottom of the
hierarchy. I think the bad behavior is inherited from ListBase (and
in that class, it actually makes sense... too bad nobody overrode
it in Tree).
Am I wrong? Am I making a mistake somewhere in my code? If
not, is there a workaround? Has a bug report been filed, and should
I file one if this is indeed a bug? Any help or insight would be
greatly appreciated.

OK, after banging my head against this for a day and a half,
I finally have an answer. It seems that the problem is my root node
(and possibly others; I didn't delve that deep) is "open". I guess
something, somewhere is calling
IHierarchicalCollectionView.openNode() on it. Closing the node(s)
makes the problem disappear. I've attached a reproduction script
that's about as simple as I can make it (I guess it could be
simpler with less data, but oh well). Why does this happen? Should
I open a bug report? It seems to me that the correct behavior would
be to have the open node(s) disclosure controls start out open
rather than incorrectly displaying their children as on the same
level as them.

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

How to binding incoming xml node list to the tree control as dataProvider

Recently, I faced into one issue: I want to binding incoming xml node (it's not avaliable at start) list to the tree control as a dataProvider.
Since the incoming xml node list is not avaliable at beginning but I needs to bind it to the tree, so I create one virtual one in the xml, and prepare to remove it before the tree is shown. (ready for the actual node adding). But It did not work.
Please see the presudo-code here:
1. Model layer(CsModel.as)
public class CsModel
 [Bindable]
 public var treeXML:XML=<nodes><car label="virtualOne" id="1">
 </car></nodes>;
 (Here, I want to build binding relationship on the <car/> node,
 one 'virtual/stub' node is set here with lable="virtualOne".
 But this node will be deleted after IdTree
 control is created completely.)
 [Bindable]
 public var treeData:XMLList =new XMLListCollection(treeXML.car);
2. view layer(treePage.mxml)
 private var _model:CsModel = new CsModel();
 private function addNode():void
 var newNode:XML=<car/>;
 newNode.@label="newOne";
 newNode.@id=1;
 _model.treeXML.appendChild(newNode);
 private function cleanData():void
 delete _model.treeXML.car;
 <mx:VBox height="100%" width="100%">
 <mx:Button label="AddNode" click="addNode()" />
 <mx:Tree id="IdTree" labelField="@label"
 creationComplete="cleanData()"
 dataProvider="{_model}"/>
 </mx:VBox>
3. Top view layer (App.Mxml)
<mx:application>
 <treePage />
</mx:application>
For method: cleanData()，It's expected that when the treePage is shown, we first delete the virutalOne to provide one 'clear' tree since we don't want show virtualOne to the user. The virutalOne node just for building the relationship between treeData and treeXML at beginning. But the side effect of this method, I found, is that the relationship between treeXML and treeData was cut off. And this leads to that when I added new node (by click the 'addNode' button) to the xmlXML, the xmlData was not affected at all !
So Is there any other way to solve this issue or bind the incoming xml node list to the xmlListCollection which will be used as Tree control's dataProvider ?

If u want to display the name : value then u can do like this
<xsl:eval>this.selectSingleNode("name").nodeName</xsl:eval> : <xsl:value-of select="name" />

A few questions re displaying photos (Am I missing something?)

I am a Windows XP user with a brand new AppleTV. I'm generally happy with it but am not impressed with the way it handles photos. Am I mistaken or is there no way to do the following?
- View subfolders of photos individually (it would seem not, based on others posts here.)
- View a slideshow that spans more than one folder.
- Set up a selective slideshow in advance (like a music playlist.)
- View thumbnails of the images in a folder, and go directly to the one I want to see.
- Jump ahead several photos in a folder instead of having to page through every single one.
- Zoom in on a portion of a photo that I have paused.
- Browse photos from the hard disk without syncing them.
- View photos by metada (EXIF tags, maybe.)
I know some of the above are a bit of a stretch, but others seem pretty straightforward. Is it really so hard to display a page of thumbnails? My cheap digital camera does it when I hook it up to my TV. Am I missing some way to do any of the above? What are the odds Apple will enable them in a future update? Thanks.

I totally agree with regard to the Auto/Advanced modes. Maybe the entire idea of streaming/browsing photos from the HD could be buried in the Advanced mode and hence never be an issue for those who want to retain the interface's initial simplicity.
It seems like looping could be added so easily. I used to keep my photos in folders arranged by year (2008), containing subfolders of months (2008_01, 2008_02, etc.) which in turned contained subfolders for each day (20080101, 20080102, etc.) I wanted to be able to view each day's folder individually through AppleTV, so I have moved all the individual "daily" folders into the My Photos root level. This is all well and good (except that scrolling through that many folders is a little clunky*), but it also means that no slideshow can display photos from more than a single day. Adding one option -- "Slideshows span folders: Yes/No" would solve that problem and make it much for flexible for me (and others, I presume.)
I know, I know, I am attempting to use the device for purposes for which it was not intended. Still, it's a fun little box, especially for the price (and who knew I'd get such a kick out of watching YouTube on my tv?)
On the other hand, whoever incorporated the 24-hour limitation for watching an entire rented movie must live in a household without little children around, but that's a subject for another thread.
*Here's a crazy idea: Maybe the basic "Auto" version of the AppleTV should remain exactly as it is, and the full-featured "Advanced" mode require the purchase of an optional advanced remote control that incorporates the famed iPod clickwheel for scrolling quickly through subfolders and/or very long lists of folders?

Tree-control for data input?

Hi,
I need to program an input screen for values that have hierarchical dependencies (e.g. sums). I feel, the most adequate user-interface would be a tree control, because of the data dependencies and also because the users asked for a possibility to collapse/expand parts of the data during input.
I had a look at CL_GUI_COLUMN_TREE, but I'm not sure, if it can be used for data input. Has anyone done something like this before or can anybody direct me to some additional sample coding? (the sample coding in the reuse library didn't do it...)
Thanks for your help, greetings, Kathrin!

Hello Kathrin,
Since you say that the user's input is hierarchical in nature, it is nice to have a tree-control for input. But, the choice of using a custom-control-version of the tree is a cause for some concern. I cannot recollect any of the SAP screens where the input can be given through such a tree framework (please do let me know if you have come across one). The problem with such a tree would be in the areas of even-handling. Filling the tree with appropriate data at the right times would be another challenge.
However, there's one alternative that I would like to direct your attention to. You must have observed another kind of tree, when you select an application component from the APPLICATION HIERARCHY, which is just like a list. Also, the Transport Organizer (SE09), Menu Painter (SE41) etc., have this kind of a tree. You can use this if you (or rather your users) are very particular on having a tree display. For more information, you can see the Function Group SEUT, which has the required function modules to accomplish the same. The Function Group is well documented, and you might have to work a little on the function modules themselves.
Please do let me know if this is a suitable option to meet your requirement. All the best,
Regards,
Anand Mandalika.

Items in Tree control move around when data is submitted using custom ItemRenderer

I'm working on a Tree control with an XMLListCollection as
its dataProvider.
The dataProvider has information looking like this :
quote:
<?xml version='1.0' encoding='utf-8'?>
<INFO>
<FIELD label="STR_USER_NAME"
type="text"
value=""
>
</FIELD>
<FIELD label="STR_USER_EMAIL"
type="text"
value=""
>
</FIELD>
<FIELD label="STR_OPTIONAL"
type="branch"
value="0"
>
<FIELD label="STR_USER_ADDRESS"
type="text"
value=""
>
</FIELD>
<FIELD label="STR_USER_POSTAL_CODE"
type="text"
value=""
>
</FIELD>
</FIELD>
</INFO>
So in the Tree control I'd like the information to show up
with a label and
an
editable textbox for each item :
[Label] [textbox]
To do this I made a tree like this :
quote:
<mx:Tree id="userTree"
editable="true"
rendererIsEditor="true"
editorDataField="curVal"
itemRenderer="{new ClassFactory(ItemRendererUser)}"
itemEditEnd="e_ProcessData(event);"
dataDescriptor="{new DataDescriptorUsers()}"
showRoot="false"
verticalScrollPolicy="{ScrollPolicy.AUTO}"
/>
where the e_ProcessData() function looks like this (I used
http://livedocs.adobe.com/flex/201/html/wwhelp/wwhimpl/js/html/wwhelp.htm?href=c
elleditor_073_16.html#202105 as a guide) :
quote:
public function e_ProcessData(event:ListEvent):void
event.preventDefault();
userTree.editedItemRenderer.data.@value =
ItemRendererUsers(event.currentTarget.itemEditorInstance).curVal;
userTree.destroyItemEditor();
userTree.dataProvider.notifyItemUpdate(userTree.editedItemRenderer);
} // END OF e_ProcessData()
I attached the rest of the files because they're a little
bit longer.
When I run the program, the data shows up fine when it is
initialized the
very
first time, and I made a test button that just dumps the
contents of the
dataProvider in a trace statement to verify that the data has
been set
properly.
The problem I've run into is whenever the textfield is
edited, the item
that
I've selected jumps around the list.
For example, if I edit the item "STR_USER_NAME" after I
finish the edit, it
will move from the very first position in the Tree to the
bottom of the
Tree.
I traced the contents of the dataProvider and the
dataProvider structure
stays
the same, with the "STR_USER_NAME" at the top, but if I look
at the flex app
in
the web browser, its position is at the bottom of the Tree.
This happens for every other item I try to edit... I read in
the
documentation
that the ItemRenderers are recycled, so it means I should be
checking to
make
sure the initial states are covered, but I'm not sure how
this affects my
application.
Can anyone help me out with this ? Its very confusing - I've
tried making
an
ItemRenderer using pure actionscript, mxml and the
combination you see in
this
example and I always end up with the same behaviour - So I
must be missing
something critical...
// ItemRendererUsers.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
verticalScrollPolicy="{ScrollPolicy.OFF}"
horizontalScrollPolicy="{ScrollPolicy.OFF}"
creationComplete="initItemRendererUsers();"
>
From my FAQ:
Q: I've created a custom itemRenderer component to use in a
List
based component (Datagrid, TileList, HorizontalList, etc.).
When my List
first displays, everything looks fine, but when I scroll it
or change the
dataProvider, some of the itemRenderers show values or
formatting that
aren't right. How do I fix this?
A: List-based components don't draw a renderer for every item
in the
dataProvider. Instead, they create enough to display what is
on screen now,
plus one or two more waiting in the wings. This means they
recycle the
renderers rather than creating new ones when you change
dataProvider or
scroll up and down. When you use a creationComplete event to
set up the
itemRenderer, that event doesn't happen again when the
renderer is used for
a different set of data. The solution to this is to override
the set data
protected function that most components have.
For more information, check out the following resources:
http://www.adobe.com/devnet/flex/articles/itemrenderers_pt1.html?devcon=f1
http://blogs.adobe.com/aharui/2007/03/thinking_about_item_renderers_1.html
Please note, I post this FAQ weekly, and you can find a
permanent copy of it
here
http://www.magnoliamultimedia.com/flex_examples/Amys_Flex_FAQ.pdf

"peterh8234" <[email protected]> wrote in
message
news:gaqttd$kft$[email protected]..
> Yes - the set and get functions are listed down below.
But the quirky
> behaviour
> is the same regardless of whether I override the set and
get functions or
> not.
>
> I noticed there was another variable called listData -
should I be using
> that
> one or the data variable to read and write to the
dataProvider ?
>
> // _data
> [Bindable] public var _data:Object;
> [Bindable("dataChange")]
> //
> override public function get data():Object
> {
> trace('[ItemRendererDefault.GET data()] called for {' +
> _data.attribute("label") + '}.');
> return _data;
> } // END OF get data()
>
> //
> override public function set data(value:Object):void
> {
> _data.@value = inputText.text;
> trace('[ItemRendererDefault.SET data()] called for {' +
> _data.attribute("label") + '}.');
>
> invalidateProperties();
> } // END OF set data()
Your set data needs to set a flag that gets picked up in
commitProperties()
and does your thing that you were doing before in
creationComplete. You
should see examples of this in the links I posted. Instead of
this:
_data.@value = inputText.text;
you should look at implementing IDropInListItemRenderer,
which will allow
you to dynamically determine which field to look at, instead
of hardcoding
it. You also might wind up overwriting the stored value with
a null value
when the List passes the stored value in. I'd encourage you
to really go
through those links I posted and make sure you understand
what they're
saying. The itemRenderer life cycle is one of the hardest
things to
understand, but once you understand it, it makes many things
in Flex much
easier. It's worth investing the time.

Add multiple elements to a tree control at once

I am using a Tree Control to display customer and certificate information. However, adding 500 customer names or certificate numbers to the tree control one at a time takes for ever (well, 30000 ms). Is there any way to add multiple elements to a tree all at once, or is the only solution to use a listbox with 'forward' and 'back' buttons ?
thanks,
michael

Hi Michael
I don’t believe there is a way to supply a list of child items to a parent item, they have to be added incrementally. One way that you could speed this process up is to design your code such that only when you expand an item does it add the child items.
If you want an even higher update rate have a look at using the ActiveX TreeView control, you will find an example called Family Tree.vi in the LV examples.
I'll do up some code that makes using both of the controls more efficient if enough people want it.
Kurt Friday
www.sciware.com.au

Help required in ALV Tree Control

Hi All,
I am using OO ALV tree Control in my Project every thing is working fine.
in treecontrol 'If we double click on Node I con it displays resultant screen'- its fine for us
'If we double click on Node Text it is displaying nothing means no Event is triggering.
my Requirement is tha 'it should work even if we click on Node Text' . Like in standard Applications SE15 .
Suggest some Methods regarding this. Note All these nodes are Dynamic Nodes comes from Data Base table.
Thanks in Adv.
Murthy

Just check Tcode: DWDM.
Good no of example programs for oops tree are available there

How to search a tree control.

Hi all,
I just started learning Flash Builder not too long ago, quite a learning experience I have to say. I am a little lost and woul like some help from you guys.
I am trying to build a menu tree that will display and image and information about that image when the corresponding node is selected.
I also want to have the menu tree searchable, I looked at a few examples of tree controls to get some ideas but I keep hitting brickwalls left and right.
I started over few times trying to follow some of the examples. Right now, I only have the visual elements, please see the code below.
Thank you so much in advance.
Here's the code I have so far:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="960" minHeight="560" backgroundColor="#FFFFFF" width="960" height="560">
<fx:Declarations>
</fx:Declarations>
<mx:HDividedBox y="80" height="415" x="25">
 <s:Panel x="20" y="95" width="240" height="415">
 <s:TextInput x="10" y="-25" height="20" contentBackgroundAlpha="1.0" borderAlpha="1.0" textAlign="left" fontWeight="normal" text="Search" focusColor="#70B2EE" fontSize="10" color="#646464"/>
 <mx:Tree id="tree"
 x="10" y="5" width="220" height="370" borderVisible="false" color="#787878">
 </mx:Tree>
 <s:Button x="160" y="-25" label="Find" fontWeight="bold" fontSize="10"/>
 </s:Panel>
 <s:Panel x="275" y="95" width="660" height="415">
 <mx:SWFLoader id="swfLoader"
 scaleContent="true"
 x="0" y="0" width="660" height="190"/>
 <mx:Text width="639" id="treeSelectedData"
 height="169" x="9" y="203"/>
 </s:Panel>
</mx:HDividedBox>
</mx:Application>

You should take a look at the help documentation about the tree component. They have an example code at the bottom that shows how to load in data to the tree and how to perform actions when a node in the tree is selected. Below is a link to the help documentation on the tree component.
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/Tree.html?f ilter_flex=4.5.1&filter_flashplayer=10.3&filter_air=2.6

Please, I need help in this,How to make a tree control appear from right to left ??

i working on Arabic project in which we use a tree control and i want it to display its branches from right to left .
i tried to rotate it but it doesn't work because the disclosure triangle still appear on the left .
i ask if there is any thing to mirror the tree control ,and ask if this mirroing will work or not?

You'll need to modify the layout logic of your renderer.
Here's a simple example that extends the default tree renderer and overrides the updateDisplayList method(). It will probably need more work. Set textAlign="right" on your Tree control when you use this renderer. You'll also need to supply a disclosure icon that points in the opposite direction.
package
    import mx.controls.treeClasses.TreeItemRenderer;
    import mx.controls.treeClasses.TreeListData;
    public class RightToLeftTreeItemRenderer extends TreeItemRenderer
        override protected function updateDisplayList(unscaledWidth:Number,
                                                  unscaledHeight:Number):void
            super.updateDisplayList(unscaledWidth, unscaledHeight);
            var startx : Number = data ? TreeListData( listData ).indent : 0;
            startx = unscaledWidth - startx;
            if ( disclosureIcon )
                disclosureIcon.x = startx - disclosureIcon.width;
                startx = disclosureIcon.x;
            if ( icon )
                icon.x = startx - icon.width;
            if ( label )
                label.x = 0;

Tree Control & Display photos

Similar Messages

Maybe you are looking for