数据网格未在数组集合中显示数据

Question

我的数据网格显示的是陈旧数据，而不是其数据提供程序（数组集合）中可用的实时数据。我尝试刷新集合中的数据，但这没有效果。下面是我的代码，有没有人看到可能是什么问题？

<mx:Accordion/>
<fx:Script>
<![CDATA[
private var _gridData:ArrayCollecton = new ArrayCollection;
[Bindable] public function get gridData():ArrayCollection { return _gridData; }
public function set gridData(value:ArrayCollection):void { _gridData = value; }
public function loadGridData():void {

// imgCollection is the data returned from the server
var tempCollection:ArrayCollection = new ArrayCollection();
 for (var i:int = 0; i < imgCollection.length; i++)
            {
                var img:Object = new Object();
                img.id = imgCollection.getItemAt(i).imgId;
                img.url = "http://..." + imgCollection.getItemAt(i).imgId;
                img.caption = (imgCollection.getItemAt(i).imgCaption == null) ? "": imgCollection.getItemAt(i).imgCaption;
                img.group = images;
                tempCollection.addItem(new ObjectProxy(img));
            }
gridData = tempCollection;

<!-- Use http service to get data and save it in grid data array collection, this is run on accordion create completion and whenever data is added or removed from the array collection -->
}
]]>
</fx:Script>
<!-- NOTE: There is a cyclic binding between the data grid and the gridData array collection -->
<fx:Binding source="dg.dataProvider as ArrayCollection" destination="gridData"/>
...
...
<s:NavigatorContent>
<s:Panel>
<mx:DataGrid dataProvider="{gridData}" ...>
...
...
</mx:DataGrid>
</s:Panel>
</s:NavigatorContent>

---

更新： 我尝试了下面提到的建议，但是，它们并没有解决问题。数据网格有自定义项渲染器，这可能是问题吗？

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                          xmlns:s="library://ns.adobe.com/flex/spark" 
                          xmlns:mx="library://ns.adobe.com/flex/mx" 
                          focusEnabled="true">
    <mx:Image id="image" source="{data.url}" height="65" maintainAspectRatio="true" scaleContent="true"/>
</s:MXDataGridItemRenderer>

Answer 1

您不需要“循环”绑定，因为在您的数据网格中您不会更改集合，而是更改其项目。收藏品完好无损。 DataGrid 的 dataprovider 和您的 _gridData 指向同一个集合。

Answer 2

如果我没记错的话，你应该在 setter 上也有 [Bindable]，因为数据网格没有其他方法可以知道你的数据何时发生了变化。

问候，阿林

Answer 3

在我看来你想多了。由于您没有在 getter/setter 中执行任何操作，因此您可以摆脱它们并将 ArrayCollection 标记为 Bindable，然后将其设置为 DataGrid 的 dataProvider 并完成：

<fx:Script>
    <![CDATA[
        [Bindable]
        public var gridData:ArrayCollecton = new ArrayCollection;

        public function loadGridData():void { 
            // Whenever you change the gridData, the DataGrid will update appropriately.
        }
    ]]>
</fx:Script>

<mx:DataGrid dataProvider="{gridData}"></mx:DataGrid>

您现有代码的问题可能是您没有在 setter 中调度更改事件。摆脱 getter/setter 允许 ArrayCollection 为您处理调度该事件。希望对您有所帮助。

编辑：根据更新后的问题，您可能想尝试将渲染器更改为如下所示，如果您的自定义数据对象不可绑定，这将有所帮助。

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                          xmlns:s="library://ns.adobe.com/flex/spark" 
                          xmlns:mx="library://ns.adobe.com/flex/mx" 
                          focusEnabled="true">
<fx:Script>
    <![CDATA[
        override public function set data(value:Object):void { 
            super.data = value;
            image.source = value.url;
        }
    ]]>
</fx:Script>
    <mx:Image id="image" source="{data.url}" height="65" maintainAspectRatio="true" scaleContent="true"/>