Drag and Drop from DataGrid or AdvancedDataGrid to Tree
December 16, 2009
One of the coolest things in Flex is the ability to create Drag and Drop operations very easily. For List base controls like the List and DataGrid / AdvancedDataGrid, it works out of the box, just set the dragEnabled property of the source and the dropEnabled property of the other and it’s already working. Dragging and Dropping to a Tree however, does not work by simply setting the dropEnabled property. The following example shows you how you can drag items from a DataGrid / AdvancedDataGrid to a Tree.
Remove Folder and File icons from Flex Tree
November 12, 2009
The previous example with the custom open / closed icons had a nice result. It would be even nicer though, when the folder and file icons would dissapear.
Luckily, this is also pretty easy to do in Flex, just add a style sheet to your application with the following css in it:
Read more
Change open and close icons on Flex Tree
November 12, 2009
Personally I don’t like the default open / close icons (the down arrow / right arrow icons ) on the Tree control in Flex. Luckily, can can easy change them into a different icon.
The Flex Tree has a number of properties you can style, what we are looking for here are the following two: disclosureOpenIcon and disclosureClosedIcon.
Read more
Tree in Advanced DataGrid Example
October 23, 2009
A Flex Builder Pro license adds some cool additional components to the standard collection. Examples are charts and the AdvancedDataGrid control, which i’m gonna use in this example. Adobe defines the AdvancedDataGrid as follows:
The AdvancedDataGrid control expands on the functionality of the standard DataGrid control to add data visualization features to your Adobe Flex application. These features provide greater control of data display, data aggregation, and data formatting. The AdvancedDataGrid control is like a List control except that it can show more than one column of data, making it suited for showing objects with multiple properties.
Style Flex Tree Label Example
October 20, 2009
One of the more complicated controls to work with in Flex is, in my humble opinion, the Tree. Ok, for displaying a simple hierarchy it’s simple and works just fine. But if you want to do some more complicated stuff with it, things get a bit tricky and some extra coding is necessary. For example, what if you want to style your labels in the Tree based on the type of XML node in your source XML?
