Tree | Flex Examples

Removing the border from the Halo Tree control in Flex 4

By Peter deHaan On August 28, 2009 · 3 Comments

The following example shows how you can remove or modify the border on the Halo Tree control (with default Spark skin) in Flex 4 by setting the borderSkin style.

Full code after the jump.

Continue Reading →

Opening branches by clicking rows in a Tree control in Flex

By Peter deHaan On April 5, 2008 · 29 Comments

The following example shows how you can expand/collapse branches in a Flex Tree control by clicking on the row instead of having to click on the disclosure/arrow icon.

[...]

Continue Reading →

Creating a simple image gallery with the Flex Tree control

By Peter deHaan On April 4, 2008 · 32 Comments

The following example shows how you can create a simple image gallery in Flex using a Tree control and a SWFLoader control.

Full code after the jump.

Continue Reading →

Removing leaf icons from the Flex Tree control

By Peter deHaan On January 25, 2008 · 8 Comments

In a previous example, “Removing folder icons from the Flex Tree control”, we saw how to remove the folder icons from a Tree control in Flex so only the disclosure (arrow) icons were visible. In the following example we look at a similar technique for removing the default leaf icons from the Tree control [...]

Continue Reading →

Removing folder icons from the Flex Tree control

By Peter deHaan On January 25, 2008 · 12 Comments

The following example shows how you can remove the folder icons from the Tree control in Flex so that only the disclosure (arrow) icons and leaf icons are visible.

The short answer, set the folderClosedIcon and folderOpenIcon styles to null using CSS, as shown in the following snippet:

<mx:Style> Tree { folderClosedIcon: ClassReference(null); folderOpenIcon: ClassReference(null); [...]

Continue Reading →

Preventing specific items from being selected in a Flex Tree control

By Peter deHaan On January 16, 2008 · 10 Comments

In a previous example, “Preventing branches from being selected in a Flex Tree control”, we saw how we could prevent users from selecting branches (folders) in a Tree container in Flex by using the itemClick event and the Tree class’s dataDescriptor.isBranch() method.

The following example shows you how you can prevent any item from [...]

Continue Reading →

Preventing branches from being selected in a Flex Tree control

By Peter deHaan On January 16, 2008 · 4 Comments

The following example shows you how you can prevent users from selecting the branch (folder) items in a Tree control in Flex by listening for the itemClick event and using the Tree class’s dataDescriptor.isBranch() method to determine whether the currently selected item is a branch, and if so, deselect the item.

Full code after the [...]

Continue Reading →

Expanding nodes in a Flex Tree control using the openItems property

By Peter deHaan On January 15, 2008 · 15 Comments

The following example shows how you can open nodes in a Tree control in Flex by setting the openItems property to an XMLList or Array object.

Full code after the jump.

Continue Reading →

Toggling item roll over highlighting in the Flex Tree control

By Peter deHaan On January 11, 2008 · 1 Comment

The following example shows how you can toggle item roll over highlighting in the Tree control in Flex by setting the useRollOver style.

Full code after the jump.

Continue Reading →

Displaying the number of children in each branch of a Flex Tree control

By Peter deHaan On January 11, 2008 · 16 Comments

The following example shows how you can display the number of children in each branch of a Tree control in Flex by using the dataDescriptor property, labelFunction property, hasChildren() method and getChildren() method.

Full code after the jump.

Continue Reading →