Re: [flexcoders] DataGrid ItemRenderer

sinatosk Tue, 01 Aug 2006 02:08:14 -0700

don't think it's a bug... I've changed the component a little and more is showing and the scroll bars are no longer showing... it's NOT fully fixed though... it's something to do with sizing... maybe set the text to multiline or something

<mx:VBox verticalScrollPolicy="off" horizontalScrollPolicy="off" width="100%" height="100%">
 <mx:Text selectable="false" width="100%" height="100%" text="{ data.description}" fontWeight="bold"/>
 <mx:Text htmlText="{data.detail}" width="100%" height="100%"/>
 </mx:VBox>

On 01/08/06, Matti Bar-Zeev <[EMAIL PROTECTED]> wrote:

I second this hell of a bug.

What is going on there?

From: [EMAIL PROTECTED]ups.com [mailto:[EMAIL PROTECTED] ups.com] On Behalf Of Clarke Bishop
Sent: Tuesday, August 01, 2006 3:42 AM
To: [EMAIL PROTECTED]ups.com
Subject: [flexcoders] DataGrid ItemRenderer

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>

______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagel abs.com/email
______________________________________________________________________

__._,_.___

-- 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.

__,_._,___

Re: [flexcoders] DataGrid ItemRenderer

Reply via email to