AS3 数据绑定到 ArrayCollection 中索引处的特定属性

Question

我有一种情况，我想使用 ArrayCollection 中的数据绑定来填充 Flex 视图中的文本字段。

ArrayCollection 由 SQL Result 对象填充。我使用 getter 和 setter 将 ArrayColelction 存储在我的模型类中，如下所示：

private var _monthlyData:ArrayCollection;

public function set monthlyData(value:ArrayCollection):void{
_monthlyData = value;
}

[Bindable]
public function get monthlyData():ArrayCollection{
return _monthlyData;
}

我使用monthlyData 作为列表等的数据提供者，效果很好。我还需要将此集合中某些索引处的属性用作文本字段字符串。 设置文本字段文本属性后，我不一定要填充monthlyData arrayCollection。

文本字段设置在另一个外部类中，具有对该模型的单例引用，所以我现在这样设置字段：

textField.text = _model.monthlyData.getItemAt(3).Month;

我想设置与数组集合的绑定，而不是仅使用此分配方法，以便在刷新数组中的该项或填充或更新整个 arrayCollection 时，它将更新 textField 文本。 我无法让绑定正常工作。

我目前正在使用 bindageTools，但也一直在使用内置的 as3 BindingUtils，效果不大。

我可以执行以下正确设置初始文本属性的操作，但是当 ArrayCollection 更改时它不会更新：

Bind.fromProperty(_model.monthlyData.getItemAt(3),"Month").toProperty(textField, "text");

所以，如果有人能指出正确的方向，让我在纯 AS3 而非 MXML 中进行绑定的最佳方式，我将不胜感激。

干杯 马可

Answer 1

从您提供的代码中，我可以看到monthlyData 是可绑定的，这很好。我假设_model 也是可绑定的。
但是getItemAt() 方法是不可绑定的（它不会在集合中的项目改变位置时调度 propertychange 事件），因此文本字段的 text 属性不会被更新。

你可以这样做：

[Bindable]
public var selectedDate3:MyDate;

<s:TextInput id="myTextInput" text="{selectedDate3.month}" />

或与 AS 相当的东西（不过，你为什么要让自己变得困难，这超出了我的理解）

BindingUtils.bindProperty(myTextInput, "text", selectedDate3, "month");

然后以编程方式更新selectedDate3:

_model.monthlyData.addEventListener(CollectionEvent.COLLECTION_CHANGE, updateSelected);

private function updateSelected(event:CollectionEvent):void {
    selectedDate3 = _model.monthlyData.getItemAt(3);
}

注意MyDate 的month 属性也必须是可绑定的。

---

您提到这些字段位于 VGroup 中。我猜你想显示前三名或其他东西。这仍然是一个列表。使用 List 或 DataGroup 执行此操作并简单地过滤 ArrayCollection 以仅显示前 3 个项目（或要显示的项目的任何规则），或者将 DataGroup 配置为仅显示三个项目（它反正没有滚动条）。