[flexcoders] DataGrid ItemRenderer

Clarke Bishop Mon, 31 Jul 2006 17:42:28 -0700

I would like to put in a datagrid:
- A header title
- Some HTML formatted text bullets
- Use variableRowHeight since some entries are a lot taller than others.

This doesn't sound that hard, but I'm having a devil of a time getting this to display properly! When you scroll down and back up, some of the rows collapse entirely, others sprout scroll bars, the scroll thumb keeps changing size, etc.

Is it just a bad idea to try to put HTML formatted code in a data grid? Or is variableRowHeight just buggy? Or am I missing something?

Here's some sample code that illustrates the problem. I'm very grateful for any ideas!

 Clarke

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="initData()">
 <mx:Script>
 <![CDATA[
 import mx.collections.*;
 public var DGArray:Array = [
 {description:'Description - 1', detail:'<TEXTFORMAT LEADING="2"><LI>Achive a Data Grid control that actually works properly and can be used in a flex application.</LI></TEXTFORMAT>'},
 {description:'Description - 2', detail:'<TEXTFORMAT LEADING="2"><LI>Bullet 1</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 2</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 3</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 4</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI></LI></TEXTFORMAT>'},
 {description:'Description - 3', detail:'<TEXTFORMAT LEADING="2"><LI>Bullet 1</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 2</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 3</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 4</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI></LI></TEXTFORMAT>'},
 {description:'Description - 4', detail:'<TEXTFORMAT LEADING="2"><LI>Bullet 1</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 2</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 3</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Bullet 4</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI></LI></TEXTFORMAT>'} ];

 [Bindable]
 public var initDG:ArrayCollection;
 //Initialize initDG ArrayCollection variable from the Array.
 public function initData():void {
 initDG=new ArrayCollection(DGArray);
 }
 ]]>
 </mx:Script>

 <mx:DataGrid id="myGrid" width="350" height="200" dataProvider="{initDG}"
 variableRowHeight="true" >
 <mx:columns>
 <mx:DataGridColumn dataField="description">
 <mx:itemRenderer>
 <mx:Component>
 <mx:VBox>
 <mx:Text selectable="false" width="100%"
 text="{data.description}" fontWeight="bold"/>
 <mx:Text htmlText="{ data.detail}" width="100%" />
 </mx:VBox>
 </mx:Component>
 </mx:itemRenderer>
 </mx:DataGridColumn>
 </mx:columns>
 </mx:DataGrid>
</mx:Application>

__._,_.___

-- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com

SPONSORED LINKS

`Web site design development`	`Computer software development`	`Software design and development`
`Macromedia flex`	`Software development best practice`

YAHOO! GROUPS LINKS

Visit your group "flexcoders" on the web.
To unsubscribe from this group, send an email to: [EMAIL PROTECTED]
Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.

__,_._,___

[flexcoders] DataGrid ItemRenderer

Reply via email to