Kalen Gibbons » validateNow http://www.kalengibbons.com/blog The Dead Tree Blog Wed, 10 Mar 2010 07:28:09 +0000 en hourly 1 http://wordpress.org/?v=3.0 Update: Solution to disappearing data in your itemRenderer http://www.kalengibbons.com/blog/index.php/2008/12/update-solution-to-disappearing-data-in-your-itemrenderer2/ http://www.kalengibbons.com/blog/index.php/2008/12/update-solution-to-disappearing-data-in-your-itemrenderer2/#comments Tue, 09 Dec 2008 03:18:40 +0000 Kalen Gibbons http://www.kalengibbons.com/blog2/?p=125 In a previous post I explained how a rendering bug in Flex was causing items to disappear in an itemRenderer. In the example below, you can see that when you scroll, the items in the list disappear.  This is caused by the varying heights of the elements.  If you explicitly set the height for each element or set variableRowHeights to false, then the problem goes away.





What was causing the problem was apparent but the solution was not.  Thankfully, Olivier Lalonde was nice enough to shed some light on an easy fix.  The itemRenderer needs to be validated as the user scrolls.  So, as Olivier suggests, you simply need to listen for the dataChange event and execute the validateNow() function.

You can see in the example below that the list now has varying row heights… and the data no longer disappears. NICE!  The key point to focus on here is the following line: <mx:VBox dataChange=”validateNow()” verticalGap=”0″>

<mx:List

dataProvider=”{myData.item}“
variableRowHeight=”true“
alternatingItemColors=”['#FFFFFF','#E6EEF3']“
width=”100%“
height=”100%“>

 

<mx:itemRenderer>

<mx:Component>

<mx:VBox verticalGap=”0” dataChange=”validateNow()”>

<mx:HBox>

<mx:Label text=”{data.Label}” fontWeight=”bold” />

<mx:Label text=”{data.date}” color=”#999999” />

</mx:HBox>
<mx:Text text=”{data.description}” width=”100%” />

</mx:VBox>

</mx:Component>

</mx:itemRenderer>

 

</mx:List>







]]> http://www.kalengibbons.com/blog/index.php/2008/12/update-solution-to-disappearing-data-in-your-itemrenderer2/feed/ 14