Group radio button itemrenderers of two different lists

Question

Hello ,
How do I group radio button item-renderers of two different lists? If i select a radio button of list 1, then the list 2  Radiobutton which was selected previously should be un-selected. How to do?

Answer 1

Are you looking for something like this:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Declarations>
        <fx:Component className="MyRenderer">
            <s:ItemRenderer>
                <s:RadioButton id="rb" label="{data}" group="{outerDocument.rbg}" width="100%" height="100%" />
            </s:ItemRenderer>
        </fx:Component>
        <s:RadioButtonGroup id="rbg" />
    </fx:Declarations>
    <s:List id="myList" itemRenderer="MyRenderer">
        <s:dataProvider>
            <s:ArrayList>
                <fx:String>0</fx:String>
                <fx:String>1</fx:String>
                <fx:String>2</fx:String>
            </s:ArrayList>
        </s:dataProvider>
    </s:List>
    <s:List id="myList2" x="150" itemRenderer="MyRenderer">
        <s:dataProvider>
            <s:ArrayList>
                <fx:String>A</fx:String>
                <fx:String>B</fx:String>
                <fx:String>C</fx:String>
            </s:ArrayList>
        </s:dataProvider>
    </s:List>
</s:Application>