弹性生成器 - "Data binding will not be able to detect changes when using square bracket operator"

Question

我正在构建一个应用程序。第一页有一个从本地 xml 生成的列表，当您在该列表中选择房间类型时，它会推送所选项目下的节点;标题页、页面图像以及该房间中的新产品列表到该第二页上的另一个列表。

页面

标题和页面图像都很棒，但只有"item_name"列表中第一个节点的产品列表是从第一页的第一项 （room_name） 推送的。

出现一个错误说：此行有多个标记：-使用方括号运算符时，数据绑定将无法检测到更改。对于 Array，请使用 ArrayCollection.getItemAt（） 代替。-行断点： fob.mxml [行： 35]

我知道我会再次处理这个问题，因为我想将信息从该选择推送到包含有关该项目信息的第三页。

这是第一页： `

        import mx.events.FlexEvent;
        import spark.events.IndexChangeEvent;
        protected function list_creationCompleteHandler(event:FlexEvent):void
        {
            getDataResult.token = macysmain.getData();
        }
        protected function list_changeHandler(event:IndexChangeEvent):void
        {
            navigator.pushView(fob, event.target.selectedItem);
        }
    ]]>
</fx:Script>
<fx:Declarations>
    <s:CallResponder id="getDataResult"/>
    <macysmain:Macysmain id="macysmain"/>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:Image left="10" right="10" top="10" height="40%" smooth="true" source="assets/visual merc.png"/>
<s:List id="list" left="10" right="10" bottom="10" height="55%"
        change="list_changeHandler(event)"
        creationComplete="list_creationCompleteHandler(event)" fontFamily="_sans" fontSize="35"
        labelField="room_name">
    <s:AsyncListView list="    {TypeUtility.convertToCollection(getDataResult.lastResult.room)}"/>
</s:List>
</s:View>`

第二页（我把??? ???放在有问题的行周围：

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:macysmain="services.macysmain.*"
    title="{data.room_name}">
<fx:Script>
    <![CDATA[
        import com.adobe.serializers.utility.TypeUtility;
        import mx.events.FlexEvent;
        protected function button1_clickHandler(event:MouseEvent):void
        {
            navigator.popView();
        }
        protected function        list_creationCompleteHandler(event:FlexEvent):void
        {
            getDataResult.token = macysmain.getData();
        }
    ]]>
</fx:Script>
<fx:Declarations>
    <s:CallResponder id="getDataResult"/>
    <macysmain:Macysmain id="macysmain"/>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:actionContent>
    <s:Button label="Back" click="button1_clickHandler(event)"/>
</s:actionContent>
<s:List id="list" left="10" right="10" bottom="10" height="55%"
        creationComplete="list_creationCompleteHandler(event)" fontSize="35"
        labelField="item_name">
    ?????????<s:AsyncListView list="    {TypeUtility.convertToCollection(getDataResult.lastResult.room[0].item_list.item)}"/>?????????
</s:List>
<s:Image id="roompic" top="50" width="750" height="325" horizontalCenter="0" smooth="true"
         source="{data.room_image}"/>
</s:View>

我处于非常基本的水平。 任何帮助，我们将不胜感激。

Answer 1

我对 FlexBuilder 一无所知，但根据错误消息，我建议您将麻烦的行编辑为：

<s:AsyncListView list="{TypeUtility.convertToCollection(getDataResult.lastResult.room.getItemAt(0).item_list.item)}"/>