Regarding dynamically loading slider/radios within grid

Question

I have a DataGrid and I am using ItemRenderers to dynamically load components like images and buttons within it. Now, I wanted to know if its possible to load a slider or even a radiogroup based on values that the datagrid receives dynamically. If a slider is used it needs to be calibrated with data that it receives from dataprovider property of the grid. Similarly, if a radio group is used, I should be able to render number of radios depending on the data provided to datagrid.
I am basically building an application for image search where I want to provide a slider or radios (within each row of datagrid) displaying various sizes in which the same image is available. The user should be able to select a size and then further processing continues.
Let me know if this is possible.Thanks.

Answer 1

If this post answered your question or helped, please mark it as such.
This code will solve your problem or get you much closer to a solution:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  <mx:Script>
   <![CDATA[
      import mx.collections.ArrayCollection;
      import mx.events.ItemClickEvent;
      [Bindable] private var ac:ArrayCollection = new ArrayCollection([
        {img: "test1", vals: [10, 20, 30, 40]},
        {img: "test2", vals: [15, 20, 100]},
        {img: "test3", vals: [100, 200, 300, 400, 500]}
    ]]>
  </mx:Script>
  <mx:DataGrid dataProvider="{ac}" width="680" height="480"
    variableRowHeight="true" alternatingItemColors="[0xff0000, 0x0000ff]">
    <mx:columns>
      <mx:DataGridColumn dataField="img"/>
      <mx:DataGridColumn dataField="vals">
        <mx:itemRenderer>
          <mx:Component>
            <mx:VBox>
              <mx:Text id="txt" fontSize="20"/>
              <mx:RadioButtonGroup id="grp" itemClick="txt.text = RadioButton(event.relatedObject).label;"/>
              <mx:Repeater id="rp" dataProvider="{data.vals}">
                <mx:RadioButton label="{rp.currentItem}" groupName="grp"/>
              </mx:Repeater>
            </mx:VBox>
          </mx:Component>
        </mx:itemRenderer>
      </mx:DataGridColumn>
    </mx:columns>
  </mx:DataGrid>
</mx:Application>