R – Style Textinput Itemrenderer in Flex Datagrid

actionscript-3apache-flex

Is there a way to make the default item renderer in a Datagrid look like a text input field?

I just want to tell the user, that he can change the value of this cell.

Thx,
Martin

Best Answer

Not only can you make it look like a text input. You can use the itemRenderer property to make it a text input.

A (very crude) example:

[Bindable]

private var dataProvider:ArrayCollection = new ArrayCollection();

private function onInit() :void

{

    var obj:Object = new Object();
    obj.text = "hello editable world";
    dataProvider.addItem(obj);
}

mxml part :

<mx:DataGrid dataProvider="{dataProvider}">
<mx:columns>
    <mx:DataGridColumn dataField="text" itemRenderer="mx.controls.TextInput"/>
</mx:columns>
</mx:DataGrid>

Related Solutions

R – flex air datagrid itemRenderer

Your custom item renderers should be data driven. In other words everything you care about should be on the renderer's "data" property. If you need to manipulate another cell, you should manipulate the data for the row, and the cell should update itself.

That's the reason you're having a hard time with that -- there isn't a good way to grab a reference to another cell. There are bad ways, but they're bad :)

R – Keyboard navigation in Flex Datagrid

By default you can select an entire row in the advancedDataGrid. You need to change the selection mode to single cell. Then all the arrows will work

    <mx:AdvancedDataGrid id="myADG"
                         width="100%"
                         height="100%"
                         color="0x323232"
                         selectionMode="singleCell"
                         initialize="gc.refresh();">

Best Answer

Related Solutions

R – flex air datagrid itemRenderer

R – Keyboard navigation in Flex Datagrid

Related Topic