A common use for a List is the master/detail UI pattern. When the user clicks on an item, it expands, revealing more detail about the item. Previously we’ve shown an example of a List with expanding item renderer. This post demonstrates a similar idea except will scroll items into view as they expand.
Continue reading AccordionList with Expanding Item Renderers
Evtim and I gave a presentation at 360Flex Denver this year about optimizing performance of item renderers and skins in Flex 4.5 applications.
Continue reading Flex Performance Tips & Tricks
Mobile applications often have lists that group items in some way. For example, a contact list might group names by the first letter of the contact’s first name. This post demonstrates how to write a Spark ItemRenderer to simulate this behavior.
Continue reading Grouping items in a Flex mobile List
This post demonstrates one way of creating a simple wave effect on items in a DataGroup. A post on polyGeek.com reminded me of an old sample I had laying around that was kind of interesting.
Continue reading Simple wave effect on items in a DataGroup
This is an example of a spark List with a custom item renderer that looks like a stacked bar chart.
Continue reading Using a spark List to simulate a stacked bar chart
The ItemRenderer class in Flex 4 has an itemIndex property that was added after beta2. You can use this property within your item renderer to display the row number or index of an item in a spark List.
Continue reading Displaying the row number or index in a spark List
ItemRenderer has logic built in that changes between some standard states like normal, hovered, selected, etc. You can supplement this logic by overriding ItemRenderer.getCurrentRendererState(), or do away with the built in states altogether by subclassing DataRenderer instead of ItemRenderer.
Continue reading Using DataRenderer to add custom states to a spark List renderer
I recently created a form in Flex that required using multiple DropDownLists with a custom item renderer that loads in preview images of each item. This was really easy to do initially, but I noticed a couple performance issues that bothered me. I decided to improve the performance by implementing a simple caching strategy.
Continue reading Caching images loaded from a spark item renderer
This post looks at a couple ways of defining a custom item renderer on a DataGroup, but it also applies the same way to a SkinnableDataContainer, spark List, and any other spark components that support item rendering.
Continue reading Different ways of assigning an item renderer in Flex 4
It’s easy to delete an item in a spark List from within an item renderer. This is handy if you have a List with a custom renderer that provides a button to delete the item that is associated with that renderer.
Continue reading Deleting items in a List from an item renderer