如何根据已更改的绑定 dataProvider 内容调整 Flex 3 ComboBox 宽度？

Question

在 Flex 3 中，我在 MXML 组件中创建了一个 ComboBox，类似于以下内容：

<mx:ComboBox id="comboBox" dataProvider="{_choices}" />

<mx:Script>
<![CDATA[
  import mx.collections.ArrayCollection;
  // etc...
  public function get choices():ArrayCollection { return _choices; }

  [Bindable]
  private var _choices:ArrayCollection =
    new ArrayCollection( [ { data: "ALL", label: "All" } ] );
  // etc...
]]>
</mx:Script>

</mx:HBox>

在父 MXML 应用程序中，我正在修改 Choices 属性的内容：

myComponentId.choices.removeAll();
myComponentId.choices.addItem({data: "NY", label: "New York"});
myComponentId.choices.addItem({data: "CA", label: "California"});
// etc...

绑定正在工作，因为ComboBox 会自动选取运行时添加的新内容，但是它不会调整其宽度。 ComboBox 的初始宽度仅足以显示组件中声明的初始项“All”。但是，我希望并且期望 ComboBox 在绑定过程中自动调整大小，以便能够显示“加利福尼亚”，但事实并非如此。

在向其 dataProvider 添加新的更宽标签后，如何让 ComboBox 更新其宽度？谢谢你！

Answer 1

我遇到了同样的问题，但这些都不适合我。我设法通过创建一个新的事件处理程序来解决这个问题。

menuComboBox.addEventListener(ResizeEvent.RESIZE, updateListWidth);

在此事件中调用的方法只是调整 dropdown.width 属性的大小。

private function updateListWidth(event:ResizeEvent):void {
        menuComboBox.dropdown.width = menuComboBox.width;
}

Answer 2

您可能只需要调用 invalidateProperties()、invalidateDisplayList()、invalidateSize() 或三者的某种组合（我是我自己是一个 Flex 新手），在更改数据提供程序或其内容后强制更新组件的测量值。

myComponentId.invalidateSize();
myComponentId.invalidateDisplayList();
myComponentId.invalidateProperties();

Answer 3

我会为 choices 添加一个 setter，并在 setter 末尾的 ComboBox 上调用 validateNow()：

public function set choices(value:ArrayCollection):void
{
    _choices = value;

    comboBox.validateNow();
}