I am aware that the Advanced DataGrid has a multiple select feature, but it relies on conrol-clicking each cell and selected the entire contents of the cell.

Thanks for your help,
Stuart

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Array id="arr">
        <mx:Object c1="One.1" c2="Two.1" c3="Three.1" />
        <mx:Object c1="One.2" c2="Two.2" c3="Three.2" />
        <mx:Object c1="One.3" c2="Two.3" c3="Three.3" />
        <mx:Object c1="One.4" c2="Two.4" c3="Three.4" />
        <mx:Object c1="One.5" c2="Two.5" c3="Three.5" />
        <mx:Object c1="One.6" c2="Two.6" c3="Three.6" />
        <mx:Object c1="One.7" c2="Two.7" c3="Three.7" />
        <mx:Object c1="One.8" c2="Two.8" c3="Three.8" />
    </mx:Array>

    <mx:Component id="dgIR">
        <mx:DataGridItemRenderer selectable="true" />
    </mx:Component>

    <mx:DataGrid id="dataGrid"
            dataProvider="{arr}"
            editable="true">
        <mx:columns>
            <mx:DataGridColumn dataField="c1" editable="false" />
            <mx:DataGridColumn dataField="c2" itemEditor="{dgIR}" />
            <mx:DataGridColumn dataField="c3" itemEditor="{dgIR}" />
        </mx:columns>
    </mx:DataGrid>

</mx:Application>

Peter

Note: Only the last 2 columns in the DataGrid control are editable. Also, you have to click the cell once to bring up the item editor. Another option could be using a TextInput/TextArea control and setting its editable property to false.

There may be easier/better ways, but you can definitely create a custom item renderer and set the selectable property to true, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Array id="arr">
        <mx:Object c1="One.1" c2="Two.1" c3="Three.1" />
        <mx:Object c1="One.2" c2="Two.2" c3="Three.2" />
        <mx:Object c1="One.3" c2="Two.3" c3="Three.3" />
        <mx:Object c1="One.4" c2="Two.4" c3="Three.4" />
        <mx:Object c1="One.5" c2="Two.5" c3="Three.5" />
        <mx:Object c1="One.6" c2="Two.6" c3="Three.6" />
        <mx:Object c1="One.7" c2="Two.7" c3="Three.7" />
        <mx:Object c1="One.8" c2="Two.8" c3="Three.8" />
    </mx:Array>

    <mx:DataGrid id="dataGrid"
            dataProvider="{arr}"
            editable="false">
        <mx:itemRenderer>
            <mx:Component>
                <mx:Label selectable="true" />
            </mx:Component>
        </mx:itemRenderer>
    </mx:DataGrid>

</mx:Application>

Or, you could also just create a custom item renderer based on the default DataGridItemRenderer and set the selectable property there instead:

<mx:DataGrid id="dataGrid"
        dataProvider="{arr}"
        editable="false">
    <mx:itemRenderer>
        <mx:Component>
            <mx:DataGridItemRenderer selectable="true" />
        </mx:Component>
    </mx:itemRenderer>
</mx:DataGrid>

Peter

our team is trying to perform text selection on datagrid cells, but we haven’t found a property, (selectable isn’t) an method, or a flex facility for this task…

is a renderer necessary for this case?

best regards,

SD.Plox

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
implements="mx.controls.listClasses.IDropInListItemRenderer"
horizontalAlign="center"
verticalScrollPolicy="off" horizontalScrollPolicy="off"
preinitialize="init()">
<mx:Label id="CellText" width="93%" paddingLeft="20" />
<mx:Label textAlign="right" text="+" toolTip="Edit" width="12" styleName="editPlusSign" />
<mx:Script>
<![CDATA[
import mx.controls.dataGridClasses.DataGridListData;
import mx.controls.listClasses.BaseListData;
import mx.controls.DataGrid;

private var iListData:BaseListData;

/**
 * Implement listData getter from IDropInListItemRenderer
 */
public function get listData():BaseListData
{
  return iListData;
}

/**
 * Implement listData setter from IDropInListItemRenderer
 */
public function set listData( value:BaseListData ):void
{
    iListData = value;
} 

/**
* Add event listener for when data changes
*/
private function init():void
{
    addEventListener("dataChange", handleDataChanged);
}    

/**
 * When data changes update the cell text based on the dataField
 */
private function handleDataChanged(event:Event):void
{
    // Cast listData to DataGridListData.
    var myListData:DataGridListData = DataGridListData(listData);
    CellText.text = data[myListData.dataField];

}
]]>
</mx:Script>
</mx:HBox>

Here’s your dataGrid code:

<mx:DataGridColumn headerText="Quantity" dataField="Quantity" textAlign="center" itemRenderer="path.to.your.view.EditableCellRenderer"
itemEditor="path.to.your.view.EditableCellEditor" />

And here’s your editable cell editor:

<?xml version="1.0" encoding="utf-8"?>
<mx:TextInput xmlns:mx="http://www.adobe.com/2006/mxml"
	width="100%" height="100%"
	restrict="0-9">

	<mx:Script>
		<![CDATA[
			import mx.controls.DataGrid;

			/**
			 * Override data setter to set cell text according to the dataField
			 */
			public override function set data(value:Object):void
			{
				var dg:DataGrid = owner as DataGrid;
				text = value[dg.columns[dg.editedItemPosition.columnIndex].dataField];
			}
		]]>
	</mx:Script>
</mx:TextInput>

This is even better since you don’t need to know which order your dataGrid column is and cuts your code by like 90%.

File uploads and Downloads I got this and implemented, please have look at this
http://livedocs.adobe.com/flex/3/html/help.html?content=17_Networking_and_communications_9.html,

thought it will help you too

PSamanth

I even want a Text input before the Browse, so that the User can directly type the path he want to upload…

PSamanth