Issue with dropdownlist in datagrid

[bon_t]

I'm using Flex 4. I'm trying to embed a dropdownlist into a datagrid column. When I have the drop-down list on its own, the three "tag" values (i.e. ACCOUNTS, ENQUIRY, PLAN) appear as expected. However, when the drop-down list is embedded in the column, only the "tag" value for that row appears and the anchor arrow disappears. I want the user to be able to modify existing values in the drop-down list or to enter new values, hence I left the data column to be editable. I did try setting editable="false" but then no values at all would show up.

Thanks for your guidance!

Here are the relevant snippets of my code:

[Bindable]
private var samplesDG:ArrayCollection = new ArrayCollection([{"index":1,"count":44,"tag":"ACCOUNTS","fake":"false","audioFile":"C:\\Tagging_Station\\20070206000004\\chan 23-20070223161414.ulaw","comments":"","transcriptionError":"","transcr iption":"i'd like to dispute my current billing account"},{"index":2,"count":21,"tag":"ENQUIRY","fake":"true","audioFile":"C:\\Tagging_Station\\20070206000004\\chan2 3-20070227134917.ulaw","comments":"","transcriptionError":"","transcri ption":"customer service"},{"index":3,"count":37,"tag":"PLAN","fake":"false","audioFile":"C:\\Tagging_Station\\20070206000004\\chan 19-20070206081117.ulaw","comments":"","transcriptionError":"","transcr iption":"a phone plan"}]);

<!-- THIS IS THE DROPDOWNLIST ON ITS OWN (first attached picture) -->

<s:DropDownList x="338" y="280" dataProvider="{samplesDG}" labelField="tag"></s:DropDownList>

<!-- THIS IS THE DROPDOWNLIST IN THE COLUMN (second attached picture) -->

            <mx:DataGrid x="82" y="189" dataProvider="{samplesDG}" width="100%" height="100%" editable="true">
                <mx:columns>
                    <mx:DataGridColumn headerText="Tag" dataField="tag">
                        <mx:itemRenderer>
                            <fx:Component>
                                <s:MXDataGridItemRenderer>
                                    <s:DropDownList labelField="{data.tag}"/>
                                </s:MXDataGridItemRenderer>
                            </fx:Component>
                        </mx:itemRenderer>
                    </mx:DataGridColumn>
               </mx:columns>
            </mx:DataGrid>

[hedberg.fi]

Try to create a proper itemrenderer with File->New->MXML ItemRenderer.

Then remove the default Label in the new itemrenderer and add a dropdownlist which you then can populate with the right data, and add event handling functions to if needed. Check the documentation, you'll get good info there.

[bon_t]

Thank you for your reply, hedberg.fi.

I did create a custom itemRenderer specifically for the MX DataGrid:

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
						  xmlns:s="library://ns.adobe.com/flex/spark" 
						  xmlns:mx="library://ns.adobe.com/flex/mx" 
						  focusEnabled="true">
	<!-- s:Label id="lblData" top="0" left="0" right="0" bottom="0" text="{dataGridListData.label}"/ -->
	<s:DropDownList labelField="{data.tag}"/>
</s:MXDataGridItemRenderer>

It gave me the same results as before.

It seems that, since the dropdownlist is embedded in a datagrid column, I have to provide it with a separate list of just these tag values. The same thing happens with a combobox.

Any other ideas/thoughts?

[dilsy88]

Did that did the trick
Try going through this article at:-
http://www.4guysfromrolla.com/webtech/050801-1.shtml
Hope that helps