有没有办法在 UI 构建时根据字段的值选择 MXML 组件？

Question

我有一个 Flex MXML UI，它使用 Repeater 组件构建一组单选按钮：

<mx:Repeater id="radios"
             dataProvider="{_lists.(@id == _question.single.@response_list).group.listItem}">
    <mx:RadioButton groupName="responses"
                    label="{radios.currentItem.@text}"
                    data="{radios.currentItem.@level}"/>
</mx:Repeater>

我想要做的是将组件放在转发器中 - 中的 RadioButton此示例 - 根据 radios.currentItem 的属性值进行选择：例如，如果 currentItem 的值为“foo”，我想要一个 Button 那里，或者如果它是“bar”，我想要一个 RadioButton。 是否可以在 MXML 组件中执行这种条件构造，或者我必须恢复到 ActionScript 才能执行此操作？

我正在考虑这样的事情：

<mx:Repeater id="r" dataProvider="{list}">
    <mx:If test="{r.currentItem.@type == 'radio'}">
        <mx:RadioButton label="{r.currentItem.@text}" />
    </mx:If>
    <mx:If test="{r.currentItem.@type == 'specify'}">
        <custom:Specify label="{r.currentItem.@text}" />
    </mx:If>
</mx:Repeater>

Answer 1

我会为此使用 AS3。 我的观点是，最好使用 mxml 进行显示，使用 AS3 进行逻辑...类似于 .Net 中的代码隐藏方式

Answer 2

我认为你必须在任何情况下使用动作脚本。 mxml 中似乎不存在条件语句。 尽管您可以包含这两个元素并使用内联来设置可见状态。

<mx:Repeater id="r" dataProvider="{list}">
   <mx:RadioButton label="{r.currentItem.@text}" visible="{r.currentItem.@type == 'radio'}" />
   <custom:Specify label="{r.currentItem.@text}" visible="{r.currentItem.@type == 'specify'}" />
</mx:Repeater>

请参阅 http://www.firemoss.com/ post.cfm/Powerful-MXML-Bindings-with-Ternary--Operators 了解更多示例。

Answer 3

正确的（实际上也是唯一明智的）方法是使用普通的 for 循环和 ActionScript：

for each (var o:Object in yourDataProvider)
{
    if (o.someProperty)
    {
        var rb:RadioButton = new RadioButton();
        yourContainer.addChild(rb);
    }   
    else
    {
        var s:Specify = new Specify();
        yourContainer.addChild(s);
    }
}

您可以按照斜线建议的方式进行操作，只需在 Repeater 的每次迭代中添加这两个组件，基于某种测试来切换它们的显示（在这种情况下，我可能建议也包括 includeInLayout 属性），但这样做会导致显示列表膨胀，而且它不会无法扩展——最终，你还是只能在 ActionScript 中完成它。