title: Radio button as itemrenderer of datagrid column in flex
body: <p>I am having a datagrid in which for one column  i set radio button as itemrenderer.
  My requirement is only one radio button have to be selected at a time.If we click a radio button all other radio buttons in the column should get deselected.</p>
  
  <p>My code as follows(ManagePagesPopup.mxml)</p>
  
  <pre><code>&lt;fx:Declarations&gt;
              &lt;s:RadioButtonGroup id="radGrp" /&gt;
  &lt;/fx:Declarations&gt;&lt;s:DataGrid id="pageDataGrid" dataProvider="{pageDetailsAc}" &gt;
      &lt;s:columns&gt;
          &lt;s:ArrayList&gt;
              &lt;s:GridColumn  headerText="Select" dataField="select"  itemRenderer="components.PageSelectRadioButton" &gt;&lt;/s:GridColumn&gt;
              &lt;s:GridColumn dataField="pageName" headerText="Page Template Name"&gt;&lt;/s:GridColumn&gt;
              &lt;s:GridColumn dataField="pageType" headerText="Page Type"&gt;&lt;/s:GridColumn&gt;
              &lt;s:GridColumn dataField="pageSize" headerText="Page Size"&gt;&lt;/s:GridColumn&gt;
              &lt;s:GridColumn dataField="order" headerText="Order" editable="true" itemRenderer="components.OrderTextInput"&gt;&lt;/s:GridColumn&gt;
          &lt;/s:ArrayList&gt;
      &lt;/s:columns&gt;
  &lt;/s:DataGrid&gt;
  </code></pre>
  
  <p>In the PageSelectRadioButton.mxml(item renderer) file i wrote below code</p>
  
  <pre><code>&lt;s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                  xmlns:s="library://ns.adobe.com/flex/spark" 
                  xmlns:mx="library://ns.adobe.com/flex/mx" &gt;
  
  
  &lt;fx:Script&gt;
      &lt;![CDATA[       
      [Bindable]
          public var mg:ManagePagesPopup=new ManagePagesPopup();  
      ]]&gt;
  &lt;/fx:Script&gt;
  
      &lt;s:RadioButton id="selectRadio" groupName="{mg.radGrp}" /&gt;
  </code></pre>
  
  <p></p>
  
  <p>Where i am doing mistake.Any help.</p>