Как настроить ширину ComboBox Flex 3 для изменения содержимого привязанного dataProvider?

Question

В Flex 3 я создал ComboBox в компоненте MXML, аналогично следующему:

<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 достаточно широка, чтобы показать исходный элемент «Все». объявлено в компоненте. Однако я хочу и ожидал, что ComboBox автоматически изменит размеры во время привязки, чтобы иметь возможность показывать «Калифорния», но это не так.

Как я могу заставить ComboBox обновлять свою ширину после добавления новых более широких меток в свой dataProvider? Спасибо!

Answer 1

Возможно, вам просто нужно вызвать invalidateProperties () , invalidateDisplayList () , invalidateSize () или некоторую комбинацию из трех (я я что-то вроде гибкого новичка), чтобы принудительно обновить измерения компонента после смены поставщика данных или его содержимого.

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

Answer 2

Я бы добавил установщик для choices и вызвал бы validateNow () в ComboBox в конце установщика:

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

    comboBox.validateNow();
}

Answer 3

Я столкнулся с той же проблемой, и ни один из них не помог мне. Мне удалось решить эту проблему, создав новый обработчик событий

menuComboBox.addEventListener(ResizeEvent.RESIZE, updateListWidth);

Метод, вызываемый в этом событии, просто изменяет размер свойства dropdown.width.

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