radioButtonGroup 中的所有 radioButton 均被选中

Question

您好，

我在组件 mxml 中有一个列表，如下所示：

        <s:VGroup>
            <s:Label text="TESTING" textDecoration="underline"/>
            <s:List id="recouvrementModulesList" itemRenderer="renderers.ListRenderer">
                <s:dataProvider>
                    <s:ArrayList>
                        <fx:String>Test</fx:String>
                                            <fx:String>Test2</fx:String>
                                            <fx:String>Test3</fx:String>
                    </s:ArrayList>
                </s:dataProvider>
            </s:List>
        </s:VGroup>

我的 ListRenderer itemrenderer 如下：

    <?xml version="1.0" encoding="utf-8"?>
    <s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.adobe.com/flex/spark" 
                    xmlns:mx="library://ns.adobe.com/flex/mx" 
                    autoDrawBackground="true">

        <fx:Script>
            <![CDATA[
            ]]>
        </fx:Script>


        <fx:Declarations>
            <mx:RadioButtonGroup id="rbg" />    
        </fx:Declarations>


        <s:HGroup horizontalAlign="center" verticalAlign="middle">
            <mx:RadioButton id="rb" group="{rbg}" label="{data}"/>
        </s:HGroup>

    </s:ItemRenderer>

请注意，itemrenderer 中的单选按钮属于“rbg”组。在此示例中，列表显示 3 行（因此每行有 3 个单选按钮）。但是，当我每次选择单选按钮时，允许对所有单选按钮进行选择。从逻辑上讲，如果它属于一个组，则应该只允许 1 个选择，但事实并非如此。

有人可以帮忙解决这个问题吗？

谢谢

Answer 1

使用设置数据方法：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
    <s:RadioButtonGroup id="rbg"/>
</fx:Declarations>

<s:VGroup>
    <s:Label text="TESTING" textDecoration="underline"/>
    <s:List id="recouvrementModulesList" >
        <s:dataProvider>
            <s:ArrayList>
                <fx:String>Test</fx:String>
                <fx:String>Test2</fx:String>
                <fx:String>Test3</fx:String>
            </s:ArrayList>
        </s:dataProvider>
        <s:itemRenderer>
            <fx:Component>
                <mx:HBox>

                <fx:Script>
                    <![CDATA[
                        override public function set data( value:Object ) : void 
                        {
                            super.data = value;
                                rb.label=data.toString();
                                rb.group=outerDocument.rbg;
                        }

                    ]]>
                </fx:Script>

                    <s:RadioButton id="rb" />
                </mx:HBox>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
</s:VGroup>

Answer 2

尝试将名称属性添加到单选按钮定义中。它的遗漏可能会导致按钮被单独对待，而不是作为一个整体。