Flex3 中的组合框选定项

Question

我正在 Flex3 中的 Air 应用程序中工作，当我们有 2 个值（如（数据和标签）标签属性到组合框选择、输入的数据值）时，我需要知道如何设置“selectedItem”属性。

如下图所示。

在 (selectedItem="{stylename}") 中，stylename 将具有“data”值，但我需要将该“lable”属性设置为组合框中的选定值。

就像如果 stylename 被“选中”一样，那么 ComboBox 所选项目也需要被“选中”。

如何在 Flex 中实现这一点...

提前致谢

Answer 1

ComboBox.selectedItem 正在寻找Object。您向其传递一个 String 文字。 “stylename”在哪里设置？如果它来自外部源，您可以检索要在 setter 函数中选择的项目：

ActionScript 3：

[Bindable]
public var comboBoxData:ArrayCollection;

[Bindable]
private var comboBoxSelectedItem:Object = {};

private var _styleName;

private function get styleName():String
{
    return _styleName;
}

private function set styleName(value:String):void
{
    _styleName = value;

    comboBoxSelectedItem = getItemFromCollection("styleName", value);
}

private function getItemFromCollection(property:String, value:String):Object
{
    // Create a copy of the Collection used as the dataProvider for the ComboBox
    var filteredCollection:ArrayCollection = 
        new ArrayCollection(comboBoxData.toArray());

    // Set a filterFunction to filter only those Objects with the specified name/value pair
    filteredCollection.filterFunction = 
        function(item:Object):Boolean
        {
            return item[property] == value;
        }

    // Refresh the collection to apply the filterFunction
    filteredCollection.refresh();

    // Return an empty Object if no Object was found with the given name/value pair
    if (filteredCollection.length == 0)
        return {};

    // Return the first/only Object in the filtered Collection
    return filteredCollection.getItemAt(0);
}

MXML：

<mx:ComboBox dataProvider="{comboBoxData}" selectedItem="{comboBoxSelectedItem}" />