2

我有一个带有 2 个面板的 ViewStack：

<mx:ViewStack id="viewstack1" height="243">
<mx:Panel id="gridPanel">
    <mx:DataGrid id="grid" right="10" left="10" top="10" bottom="10" width="300" height="150" itemClick="showDetails(event)">
        <mx:columns>
                <mx:DataGridColumn headerText="ID" dataField="Id"/>
                <mx:DataGridColumn headerText="Summary" dataField="Summary"/>
            </mx:columns>
        </mx:DataGrid>
    </mx:Panel>
    <mx:Panel id="detailsPanel">
        <mx:HBox width="100%" height="100%">
            <mx:VBox height="100%" width="228" id="detailsVbox">
                <mx:Label text="Label" id="itemTitle"/>
                <mx:Text text="Text" id="itemSummary"/>
                <mx:DataGrid height="97">
                    <mx:columns>
                        <mx:DataGridColumn headerText="Property" dataField="col1"/>
                        <mx:DataGridColumn headerText="Value" dataField="col2"/>
                    </mx:columns>
                </mx:DataGrid>
            </mx:VBox>
            <mx:Image source="images/BackButton.png" width="50" height="50" click="viewstack1.selectedChild = gridPanel"/>

        </mx:HBox>
</mx:Panel>     
</mx:ViewStack>

我想让用户单击第一个面板中的网格项，然后将数据加载到第二个面板的面板中。我可以在 itemClicked 处理程序中获取单击项目的索引值，但是如何访问 detailsPanel 以根据网格中的行信息设置值？

4

3 回答 3

2

我不确定这是否是您想要的，但您可以执行以下操作：

private function showDetails(event:ListEvent):void {
    itemTitle.text = event.itemRenderer.data.Id;
    itemSummary.text = event.itemRenderer.data.Summary;

    //assuming that the datagrid ID from the details panel is: detailsDatagrid 
    detailsDatagrid.dataProvider = event.itemRenderer.data.Properties;

    viewstack1.selectedChild = detailsPanel;
}

为了使其工作，您还必须向视图堆栈添加创建策略。

<mx:ViewStack id="viewstack1" height="243" creationPolicy="all">

这样，所有面板都将在创建视图堆栈时创建（默认情况下，它们仅在需要时创建）。这可确保在面板可见之前您将获得对detailsPanel、itemTitle、等的引用。itemSummary

于 2011-03-28T22:55:35.377 回答
0

在这里，此代码将解释“stackview”简单示例。使用它可以调用面板相同。

于 2011-04-26T12:41:09.890 回答
0

至于我最好的方法是使用数据绑定。只需引入附加字段

[Bindable]
private var detailsDataProvider:ArrayCollection;

并在 showDetails 方法中填写详细信息。如果需要异步获取详细信息数据（例如从服务器获取），您可以重置当前详细信息值，直到收到数据：

detailsDataProvider = null;

然后用服务器数据填充它。

最终更改在详细数据网格中：

<mx:DataGrid height="97" dataProvider="{detailsDataProvider}">

希望能帮助到你。

于 2011-03-29T21:16:18.617 回答