I am having some trouble with the flex Tree control.I have a control in my system and of course it is data driven.I have a group which shows a folder icon and that's fine but it also shows an expand icon when the item has no children.I don't what it to show the expand icon when the group has no children but I do want to show the folder icon, because it is different entities in my system.
View 1 RepliesI have created a tree with a custom treeitemrenderer where I have added a textinput box next to each label. My data provider is an ArrayCollection. When I enter value in the input box, I can see the value fine as I expand or collapse the tree using the disclousure arrow. There is a strange issue when I try to expand and collapse tree from the mxml page with a button click to expand and collapse tree using the following code.
The problem is as I expand or collapse tree, the values I entered in the input boxes appear to be moving.
For example, I have entered 15 in input box 1. When I expand and collapse tree, 15 moves to another input box, and moves to another, and then it moves back to where it was entered as I keep expanding and collapsing the tree. I am still learning Flex. I am not sure what is happening, it is something to do with arraycollection.
[Code]...
I'm in the middle of creating a tree menu that needs to expand/collapse when items are selected. I'm drawing all my info from a DB via sendAndLoad. I'm having alot of problems getting the "math" right for the menu tho. If you look at the attached movies (play main.swf, which loads 1.swf) and click on Villas, you'll see what I mean. I need to have each of these items expand/collapse when they are clicked on. There will never be more then one layer under each main country, so it only has to do the expand/collapse when clicking a country.
View 2 RepliesUsing a large amount of formatted text, is it possible to make titles or headlines within the text clickable? Once clicked, the portion of text would expand and collapse accordingly. The text field would likely include around 80 headlines. I found code to show/hide a string of text, but not formatted tlf text.
View 5 RepliesI have a flex tree and every time it loads it only shows the one root folder, and i'd like it to show its full contents. I've seen loads of examples of people doing this, but just can't get it to work on mine. I think its because my tree is loading from an HTTPService, so whenever I try something it tries to do it before the tree has loaded, or something!
PHP Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initVars()" height="400" width="150"
[Code].....
My FLA file is based in CS5 with AS3. I posted this in the AS3 forum but if it can be done without AS3 then I am open to that possibility as well.
I am creating a non-functioning form, meaning I just need it to look like a form but the functionality doesn't need to work. Atleast not in this stage of development.[code]...
private function openAllNodes(event:TimerEvent):void {
//Alert.show(event.target.currentCount);
var index:int =event.target.currentCount - 1;
[Code]....
In my project I want to show the video like growing flex tree. So I tried flex timer based to expand node one by one. But if I open the first node then automatically close second time. If there is any other way to expand nodes one by one then let me know.
building a button Menu which contains links, on hover it has to slide down and again on clicking it has to collapse..like the File, Edit buttons in explorer in As3.0. Pls attach the code if you have ready to use.
View 1 Repliesbuilding a button Menu which contains links, on hover it has to slide down and again on clicking it has to collapse..like the File, Edit buttons in explorer in As3.0. attach the code if you have ready to use.
View 3 RepliesI am currently working on an XML navigation component and am having problems making it collapse and expand correctly with easing animation. I have no problems when it goes two levels, but it messes up on the tertiary navigation, and I REALLY NEED three levels in this thing. Here are links to my swf files to demonstrate it working without animation, and broken with the animation. Also linked is my source file for anyone to look at and debug. If anyone can fix this, well, they'll have a component for a dynamic generating menu with as many levels of subsections through xml.
Otherwise, would anyone know where I could find a collapsible xml menu with three levels sub navigation (like a section with a subsection that has another subsection)? The other ones are only two! Anyways, here are the files:
[Code]....
if there's one thing i miss about native programming for Mac OS X using Objective-C and XCode, it's the ability to set #praga marks (essentially bookmarks) to easily navigate thru long scripts via the pull-down menu.
in Flash Authoring CS5 i can can collapse/expand selections of code, but these are removed when the selection is removed - whenever an edit is made. using collapse/expand selections would be an ideal equivalent to XCode's #pragma marks if it was possible to lock these sections so they don not disappear when the selection disappears, but as far as i know it's not possible?
I have created a flash as2 Expand/Collapse panel, but it doesn't work properly. I have attached the FLA file, c
View 0 RepliesI want to add an indicator on a tree node icon , meaning , for example like in eclipse when there is an error the icon get a special small indicator on the regular icon. how can i do that?
View 1 RepliesI get the folder icon, never the label. I've tried numerous datasources, always the same thing. File, ajax call, text, it always fails.
In the code below I even set a custom handler and watch the XML come in, I set a static text label going out. Never anything shown. This happens without the label function and using labelField. Yes, I'm 100% sure the attribute matches. Again, tried with numerous different datasources.[code]...
does anyone knows how i could just eliminate the folder icon of a tree control and display only the leaf? supposing i have an xml structure looking this :
[Code]...
By default, the iconFunction of List and Tree return only Class as the icon, which is for embeded images or iconUtility kindly provided by this site http:[url]...... It works very well with pre-created images.But what I really want is to accept a completely runtime generate sprite object, similar to what is done by Legend, with the color changes according to what the current status. I assume I could do something to make the ListBase to accept icon argument other than Class.
View 2 Repliesi gave the tree an ArrayCollection as dataprovider that i pulled from the database, and it contains the children, but the discloser icon wont disappear on an object that doesn't have a child.i think the problem is that the renderer doesn't recognize the leaf child, wich contains a children array of length 0, or null......
View 2 RepliesI have a flex tree that worked perfectly fine when we set the defaultLeafIcon={null} and the folderClosedIcon and folderOpenIcon to {null}. We decided to put the icons back in and took out the nulls. Now they show up fine, but if you click on the icon instead of the label or the rest of the row, it seems to change the selected item, shows the highlight around the new item, but doesn't dispatch the ItemClick event. This makes it really hard to know that the tree's selected item has changed!
The weird part is that once you have clicked on the icon once and it looked like the selectedItem changed (or at least it applied that style), if you click the same icon again, it will actually fire the itemClick event. if you click any other icon, it does the same thing again, switching the selectedItem and styling that row, but not firing the itemClick event.
I use PopUpButton object and inside a Menu object. For some reason it has default text indent (even when an icon is not defined). How can I remove this indent?
View 1 RepliesI have a tree using an ArrayCollection/Object data provider. The following code worked with an XML data provider but won't work with the non-XML data provider:
[Code]...
I am currently developing a dynamic LineChart in FLEX 4.I am implementing a Tree control next to my LineChart, which will filter the LineChart dataprovider and lineseries. The tree control has several branches and ultimately 5 children (leaf nodes) at the bottom of the last branch.I need the leaf node/children to be displayed as checkboxes inside the tree control.As I understand,this will require overrides in the TreeItemRenderer class.This is where I am a little confused on how to implement that.Currently I can distinguish between leaf and branches using this code, in my main MXML component.I added this because it may be helpful to some beginning FLEXdevelopers, such as myself, who cannot easily find this functionality documented well:
private function treeClick(e:ListEvent):void {
_selectedItem = Tree(e.currentTarget).selectedItem;
if(mainTree.dataDescriptor.isBranch(_selectedItem)) {[code].....
I am looking at the TreeItemRenderer override class from the following example here: In the example, they override the "createChildden" super function to add checkboxes to the tree control.My question is, can I override the createChildren function directly in my MXML component, and not have to use an entire class file to override this functionality? Must I re-invent the wheel to do this?Also, how can I distinguish that my treeItem is a leaf node and not a parent, in the override function? I only want to add checkboxes to the leaf nodes, how can I differentiate? The following example adds checkboxes to all branches and leaf nodes, but I want to add checkboxes only to leaf node/children. How would you approach that?
override protected function createChildren( ): void
{
super.createChildren( );[code]............
Here is my tree tag:
<mx:Tree id="mainTree" dataProvider="{treeData}" itemRenderer="TreeCheckBoxItemRenderer" labelField="@label" showRoot="false" width="100%" height="100%" itemClick="treeClick(event)" />
Im trying to populate a tree control with an external xml file brought in via arraycollection but i need to group the xml data to display in the tree Okay my external xml file is called parts.xml and it looks like this:
[Code]...
additionally what i intend is for the user to have huge tree of parts and they select a node at the partnumber level and drag an drop it on to a datagrid where all the other tags of the part gets displayed.
Ive tried and tried many things without any luck. even now im thinking maybe if i looped through the array-collection and created a new array just for the tree to get it to display the way i need it, then when the user dragged and drop a part onto the grid i would have code that would look for that part number in the original arraycollection and add it to a new array just for the datagrid... i still dont know how i would create that new array for the tree!! cause the xml data is grouped by partgroup and then grouped again by parttype before you get the individual part numbers
I'm doing a drag and drop operation on a tree using some help from Adobe's quick Starts:[URL]
The code suggested is roughly this:
var dropTarget:Tree = Tree(evt.currentTarget);
var i:int = dropTarget.calculateDropIndex(evt);
myTree.selectedIndex = i;
[Code].....
EDIT: I forgot to post that my current workaround is setting the selectedIndex = -1 after I get my node:XML. I'm afraid that if something bogs on the processor the user may see it select then deselect.
I have a tree control and I want to give the user the ability that he can move up and down the element he just selected with a up and a downbutton. The tree gets generated from XML. I managed to insert the selected item a second time at a other place, with the following code:
var parentXML:XML = XML(containerTree.selectedItem).parent();
var upperItem:XML = topContainer.source[containerTree.selectedIndex-1];
parentXML.insertChildBefore(upperItem,XML(containerTree.selectedItem));
but then I have the item there twice in the List. How can I remove to reinsert it?
I have a Tree Control on which I let user add some nodes. When a node gets added I want to let the user edit the added control right away. How do I get the itemEditorInstance of a just added xml node?
View 1 RepliesDoes anyone know of a way to specify different vertical gaps between siblings in a Tree? I want to child nodes spaced tighter together (maybe 10px) while the top level parents remain spaced further apart (20px). Essentially, I need to change the gap dynamically based upon the depth of the node, but I'm not sure if the Tree class (or the List class, which Tree extends) offers this type of functionality.
View 2 RepliesI'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.
Here are the contents of my XML file:
<node>
<node label="Desktop">
</node>
<node label="Documents">
[code]....
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.
I've created an mxml page that displays a tree control, however the data is only being displayed as branches. Even items that are leaves are being displayed as branches.
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
public function init():void {
var item:Object;
var array:Array = new Array();
[Code] .....
I'm using a tree control that I want to customize. The data items in the tree's dataProvider have a property name that should be used for labeling the node, and a property type that should be used to select one of several embedded images for use as an icon. The simplest way to do this is by using the labelField and iconFunction properties.
However, I wanted to get started with item renderers and open the door for adding more complex customization later, so I tried making my own item renderer. I extended the TreeItemRenderer class as follows and used it in my tree control:
class DirectoryItemRenderer extends TreeItemRenderer
{
[Embed("assets/directory/DefaultIcon.png")]
private static var _DEFAULT_ICON:Class;
[Code]....
This code has no effect whatsoever, icon and label in the tree control remain at their defaults. Using trace(), I verified that my code is actually executed.
just facing a difficulty with tree control drag drop..Suppose i have tree with drag-drop enabled.I want to which node(id) is droped inside which node. 1]if i drag "Cat1" node inside "Cat3",i want to identify ids of siblings of "cat1",and "cat3".2]in general i want to know the ids of current element being moved along withits new parent and new position and save these postions.3] Also "cat4" when moved outside "cat3",i want know its position and its siblings id.
<mx:XML id="treeDP">
<node label="Categories">
<node label="Cat1" id="1" isBranch="true"/>
[code].....