Flex - 将数据传递到选项卡式视图中

Question

我有一个有 4 个视图的项目，我将 tabBar 与 viewStack/NavigatorContent 一起使用。我设置了几个 HTTPServices 来收集 XML 并转换为可绑定的 ArrayCollections。何时以及如何将数据传递到图表、数据网格等只有用户单击选项卡才能看到的内容的最佳方式？现在我已经为每个项目设置了 createComplete 函数，然后传递它。虽然它似乎有效，但这是最好的方法，还是有更好、甚至更快的方法？

谢谢， 标记

Answer 1

最好的方法是使用数据绑定。假设您有一个主容器，其中包含代表选项卡内容的 ViewStack 组件。因此，您应该在主容器中为数据设置 [Bindable] 属性，如下所示：

[Bindable]
private var chartData:ArrayCollection;

[Bindable]
private var dataGridData:ArrayCollection;

等等。

因此，对于包含图表的组件，您应该使用数据绑定填充图表数据：

<ViewStack>
    …
    <MyChartsTab chartData="{chartData}" />
    …
</ViewStack>

当然，您应该引入MyChartsTab 组件中的相同 chartData 字段（确保它是 public）。您的图表也可以填充数据绑定。

因此，在获取数据后，您只需填写主组件中的字段，数据绑定将执行其余工作，而无需关心您这边的初始化。

Answer 2

创建视图时，请确保允许使用公共变量（例如“dataProvider”），您可以在其中绑定所需的数据。像这样：

<mx:ViewStack>
        <s:NavigatorContent>
            <SomeComponent dataProvider="{someData}" />
        </s:NavigatorContent>
        <s:NavigatorContent>
            <SomeComponent2 dataProvider="{someData}" />
        </s:NavigatorContent>
    </mx:ViewStack>

在自定义组件中，您将拥有：

private var _data:Object; // use strong typing if possible

public function set dataProvider(value:Object):void // use strong typing if possible
{
    this._data = value;
}

public function get dataProvider():Object
{
   return this._data;
}