AdvancedDataGrid 问题（Bug？）——错误列中的披露图标。 （分层数据，Flex 3.5）

Question

我遇到了一个有趣的问题，并认为值得发布：

在必须使用分层数据在运行时设置数据提供程序的情况下，我正在使用高级数据网格。 adobe 文档并没有真正涵盖此类内容（至少没有达到我可以挖掘的水平）。

以前有人遇到过这个吗？

我唯一能想到的是有点黑客，似乎通过高级网格的公开图标引入了一些奇怪的行为。我在下面包含了一个测试用例：

advancedDataGridProblem.as:

 import mx.collections.ArrayCollection;

 public var dataProvider:ArrayCollection = new ArrayCollection([{label:"item1"},
             {label:"item2", children:[{label:"subItem1"},{label:"subItem2"},
             {label:"subItem3"}]},
             {label:"item3"}]);

 public function init():void{
      //using callLater to ensure that the grid has been created before setting DP
      this.callLater(setDataProvider,[dataProvider]);
 }

 public function setDataProvider(list:ArrayCollection):void{
      heirData.source = list;
 }

和 mxml:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
     <mx:Script source="advancedDataGridProblem.as"/>


  <mx:AdvancedDataGrid id="advDG" width="100%">

   <mx:columns>
        <mx:AdvancedDataGridColumn headerText="What the heck?"/>
        <mx:AdvancedDataGridColumn headerText="Label" dataField="label"/>
        <mx:AdvancedDataGridColumn headerText="Column 2"/>
        <mx:AdvancedDataGridColumn headerText="Column 3"/>
   </mx:columns>

   <mx:dataProvider>
        <mx:HierarchicalData id="heirData"/>
   </mx:dataProvider>
 </mx:AdvancedDataGrid>

</mx:Application>

正如您在运行测试应用程序时所看到的，应该显示在“标签”列中的图标实际上放置在“到底是什么？”中。柱子。如果您将“标签”列拖过来并尝试将其与“到底是什么？”交换。列中，图标保留在原来的位置，但奇迹般的是，之前与“标签”列保持对齐的标签现在已针对图标进行了适当的格式化。将标签列拖出插槽一会将网格恢复到原始状态。

这有点超出了我的想象——有人有什么建议吗？

理想情况下，我想一起解决这个问题，并在运行时照常分配 dataProvider 。

提前致谢！

我很快就会向 adobe 提交一份关于此问题的错误报告，并将链接放入评论中。

Answer 1

要解决上面提到的公开图标问题，您可以指定 AdvancedDataGrid 的“treeColumn”属性，传递树数据应位于的列的 id。

显然，前几天我在查看 livedocs 时是盲目的。

干杯!

Answer 2

嗯..

经过一个周末的好好摇头和一双新的眼睛，我今天找到了解决问题“简单”部分的方法。

直接设置AdvancedDataGrid的dataProvider比我原来想象的要简单得多；您只需将 ArrayCollection 转换为 HierarchicalData 即可。说实话，我以前尝试过这个，但是 Hierarchical 拼写错误。捂脸。

无论如何，advancedDataGridProblem.as 应该更改为：

import mx.collections.ArrayCollection;
import mx.collections.HierarchicalData;

public var dataProvider:ArrayCollection = new ArrayCollection([{label:"item1"},
                                                                {label:"item2", children:[{label:"subItem1"},{label:"subItem2"},
                                                                {label:"subItem3"}]},
                                                                {label:"item3"}]);

public function init():void{
    //using callLater to ensure that the grid has been created before setting DP
    this.callLater(setDataProvider,[dataProvider]);
}

public function setDataProvider(list:ArrayCollection):void{
    advDG.dataProvider = new HierarchicalData(list);
}

mxml 中 dataProvider 的声明也可以删除：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
 <mx:Script source="advancedDataGridProblem.as"/>


<mx:AdvancedDataGrid id="advDG" width="100%">

 <mx:columns>
    <mx:AdvancedDataGridColumn headerText="What the heck?"/>
    <mx:AdvancedDataGridColumn headerText="Label" dataField="label"/>
    <mx:AdvancedDataGridColumn headerText="Column 2"/>
    <mx:AdvancedDataGridColumn headerText="Column 3"/>
 </mx:columns>
 </mx:AdvancedDataGrid>

</mx:Application>

运行此代码，您仍然可以在错误的列中看到披露图标，但至少是设置mxml 中网格的 dataProvider 被删除。这样做还可以进行正确的验证和网格的显示。设置网格的 dataProvider 允许正确的显示验证，显然设置它的 dataProvider 的分层数据源不会调用相同的验证方法，需要用户调整网格大小或程序员以某种方式强制验证（这对于我来说我无法做）。

我会随时向您通报披露图标问题。同时，我希望锁定第一列并将其仅用于这些图标将在我的应用程序中表现良好。我什至可以将这个“缺陷”变成“功能”：P

干杯！

[编辑]

另一种方法可以在使用绑定数据时实现更简单的实现和更少的业务逻辑，如下所示：

advancedDataGridProblem.as：

import mx.collections.ArrayCollection;
import mx.collections.HierarchicalData;

public var dataProvider:ArrayCollection = new ArrayCollection([{label:"item1"},
                                                                {label:"item2", children:[{label:"subItem1"},{label:"subItem2"},
                                                                {label:"subItem3"}]},
                                                                {label:"item3"}]);

mxml：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 <mx:Script source="advancedDataGridProblem.as"/>


<mx:AdvancedDataGrid id="advDG" width="100%">

 <mx:columns>
    <mx:AdvancedDataGridColumn headerText="What the heck?"/>
    <mx:AdvancedDataGridColumn headerText="Label" dataField="label"/>
    <mx:AdvancedDataGridColumn headerText="Column 2"/>
    <mx:AdvancedDataGridColumn headerText="Column 3"/>
 </mx:columns>

 <mx:dataProvider>
     <mx:HierarchicalData source="{dataProvider}"/>
 </mx:dataProvider>

 </mx:AdvancedDataGrid>

</mx:Application>

这种方法避免了必须手动无效和验证网格的可能问题。在ActionScript中设置网格的dataProvider后的列表、显示列表等。我对使用此方法的一个小保留是，由于这会在 Flex 3 中创建单向绑定，因此我不确定是否能够使用 HierarchicalData 对象的方法来更改绑定的 ArrayCollection。也就是说，我还没有研究 HierarchicalData 或 AdvancedDataGrid 的源代码，但我毫不怀疑它们确实直接改变了源代码。我会在结果到来时发布结果。

干杯!