FlpTree

Welcome to the FlpTree project page. The FlpTree is a Flex Component, and is a substitute for the build-in tree of flex. Why? Because the list classes (which the build in tree heavily relies on) are to buggy to use in any project. The FlpTree works entirely with VBoxes and UIComponents for it’s layout. No listclasses used. This makes it faster, easier to maintain and less buggy.

Features

  • Recursive filterfunction
  • Build in drag ‘n drop, also from other components
  • Variable row height
  • Custom icons support
  • Recursing with callback functions (perform a function for every node in the tree)
  • Lazy Loading
  • Caching / Child recycling
  • Custom renderers (item renderer and drop indicator)
  • Create folders on drop
  • Multi select

Usage

Import the swc in your flex project, add the tree to your mxml or actionscript file, set the dataprovider to any array collection an BAM! you’re done :-P . No, really, it’s as easy as that:

?View Code MXML
<tree:FlpTree
	backgroundColor="#ffffff"
	selectedItemBackgroundColor="#eeeeee"
	width="200"
	height="300"
	id="flpTree"
	indentation="10"
	dragEnabled="true"
	allowDropOnAllNodes="true"
	openNodeOnHover="true"
	dataProvider="{this.dataProvider}" />

For more information, see the docs.

Recources

For the new, opensource version, see this page

Example