I’m trying to have a multiline component in my DataGrid, where I define the break with \n ou in my source, xml file.

I’ve try both \n and without succes.

I’ve try this but this is not working :

<mx:DataGridColumn headerText=”{xmlLoaded.outils.columns.SI.name}”
dataField=”SI”
visible=”{xmlLoaded.outils.columns.SI.visible}”
>
<mx:itemRenderer>
<fx:Component>

<s:MXDataGridItemRenderer>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
import flashx.textLayout.elements.TextFlow;

import spark.utils.TextFlowUtil;
private function textFlow(s:String):TextFlow
{
return TextFlowUtil.importFromString(s) ;
}

]]>
</fx:Script>
<s:TextArea id=”monTextArea” textFlow=”convert({data.SI})” />
</s:MXDataGridItemRenderer>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>

Do you have any other idea ?

Best regards,

This is an example of a datagrid’s column with an TextArea as the itemEditor, which accomodates its size while typing:

<mx:DataGridColumn headerText=”MyHeader”
dataField=”myfield” wordWrap=”true”
editorUsesEnterKey=”true” >
<mx:itemEditor>
<mx:Component>
<mx:TextArea wordWrap=”true”
preinitialize=”preinitializeHandler(event)”>
<mx:Script>
<![CDATA[

private function preinitializeHandler(event : Event) : void
{
addEventListener(Event.CHANGE, function() : void
{
setActualSize(width, textHeight + 10);
});
}
]]>
</mx:Script>
</mx:TextArea>
</mx:Component>
</mx:itemEditor>
</mx:DataGridColumn>

Regards,
Robert

is there a way to adjust the row height dynamically while typing to accommodate all the text and not just at the end of the edit?

thanx,
Saar

Thanks

Given multi-line data in a datagrid cell, I’d like the datagrid to just show the first line of text (this part is easy if you make the renderer a Label; it even truncates with ellipses for you), but when the user clicks on the text to edit, I want the datagrid row height to expand to show all the text lines. When the user stops editing, I’d like it to collapse back together.

One issue seems to be that measure() is not called by the grid unless the source data for the cell has changed.

Thanks for any help

Something like this:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:ApplicationControlBar dock="true">
        <mx:ComboBox id="comboBox"
                prompt="Please select an image..."
                change="img.source = comboBox.selectedItem.imgURL;">
            <mx:dataProvider>
                <mx:Array>
                    <mx:Object label="Flower 1"
                               imgURL="http://helpexamples.com/flash/images/image1.jpg" />
                    <mx:Object label="Flower 2"
                               imgURL="http://helpexamples.com/flash/images/image2.jpg" />
                    <mx:Object label="Flower 3" 
                               imgURL="http://helpexamples.com/flash/images/image3.jpg" />
                    <mx:Object label="Flower 4"
                               imgURL="http://helpexamples.com/flash/images/image4.jpg" />
                </mx:Array>
            </mx:dataProvider>
        </mx:ComboBox>
    </mx:ApplicationControlBar>
 
    <mx:Image id="img" />
 
</mx:Application>

Peter