AdvancedDataGrid水平/垂直滚动条问题。 （Flex）

Question

所以，我有一个AdvancedDataGrid需要在Canvas中生存。我的问题是，当你做这样的事情时，你会得到两套滚动条。另外，AdvancedDataGrid的水平滚动条在从右向左滚动时会改变大小，并且不会让您向右滚动，这似乎很奇怪。

我已经把AdvancedDataGrid上的水平滚动关掉了，只让Canvas处理它。但是，当我这样做时，这些列不允许自己调整大小。啊。

我目前的“最佳”解决方案是让AdvancedDataGrid处理垂直滚动，Canvas处理水平滚动，但这看起来很疯狂，更不用提我上面提到的问题，我无法再调整列的大小。

任何帮助，非常感谢！ 谢谢！

Answer 1

AdvancedDataGrid的水平滚动有点奇怪，因为它根据可见列的宽度调整其水平滚动条的大小。你实际上可以可以拖动大拇指到最后，但它可能需要几次尝试。 （我知道，我知道...）

请记住，在AdvancedDataGrid中没有任何实际渲染的视口外，所以任何大小只是一个受过教育（很好，有点教育）的猜测。 Adobe会这么做，以便大型网格不会陷入爬行（想象一下，每次调整窗口大小时，都会对15,000个单元的itemRenderer运行度量方法）。

我的建议是关闭画布中的垂直和水平滚动策略，并允许在ADG中处理滚动。这很丑陋，但它击败了替代品。无论如何，ADG是一个繁琐的，反常的装置，这可能是Adobe开源的原因。我已经多次宣誓，我永远不会再使用它。直到下一次我需要它的功能时，我才能保留这个誓言。大约每周一次。

Answer 2

AdvancedDataGrid是您画布中唯一的东西吗？

我会调整AdvancedDataGrid的高度和宽度，并让Canvas处理滚动。

在画布中，重写方法的updateDisplayList，做这样的事情：

protected function updateDisplayList(unscaledWidth: Number, unscaledHeight: Number):void{ 
super.updateDisplayList, unscaledHeight); 
this.myAdvancedDataGrid.setActualSize(this.myAdvancedDataGrid.measuredHeight, this.myAdvancedDataGrid.measuredWidth); 
} 

这样在AdvancedDataGrid应该没有滚动条。但是，如果它向下拉得太远或太靠右，那么滚动条就会出现在画布上。

您可能会从Flex Coordinate System上阅读。 AdvancedDataGrid是你的“内容”，而画布将是你的本地。

---

我正在添加一个完整的运行代码示例来演示我的建议。

这与在其内部移动AdvancedDataGrid画布组件：com.flextras.stackOverflow.CanvasWithGrid

<?xml version="1.0" encoding="utf-8"?> 
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 

    <fx:Script> 
     <![CDATA[ 
      import mx.collections.ArrayCollection; 

      override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{ 
       super.updateDisplayList(unscaledWidth, unscaledHeight); 
       this.myADG.setActualSize(this.myADG.measuredWidth, this.myADG.measuredWidth); 
      } 

      [Bindable] 
      private var dpFlat:ArrayCollection = new ArrayCollection([ 
       {Region:"Southwest", Territory:"Arizona", 
        Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
       {Region:"Southwest", Territory:"Arizona", 
        Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000}, 
       {Region:"Southwest", Territory:"Central California", 
        Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}, 
       {Region:"Southwest", Territory:"Nevada", 
        Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}, 
       {Region:"Southwest", Territory:"Northern California", 
        Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
       {Region:"Southwest", Territory:"Northern California", 
        Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000}, 
       {Region:"Southwest", Territory:"Southern California", 
        Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
       {Region:"Southwest", Territory:"Southern California", 
        Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000} 
      ]); 

     ]]> 
    </fx:Script> 

    <mx:AdvancedDataGrid id="myADG" 

         initialize="gc.refresh();"> <!-- width="100%" height="100%" -->  
     <mx:dataProvider> 
      <mx:GroupingCollection id="gc" source="{dpFlat}"> 
       <mx:grouping> 
        <mx:Grouping> 
         <mx:GroupingField name="Region"/> 
         <mx:GroupingField name="Territory"/> 
        </mx:Grouping> 
       </mx:grouping> 
      </mx:GroupingCollection> 
     </mx:dataProvider>   

     <mx:columns> 
      <mx:AdvancedDataGridColumn dataField="Region"/> 
      <mx:AdvancedDataGridColumn dataField="Territory"/> 
      <mx:AdvancedDataGridColumn dataField="Territory_Rep" 
             headerText="Territory Rep"/> 
      <mx:AdvancedDataGridColumn dataField="Actual"/> 
      <mx:AdvancedDataGridColumn dataField="Estimate"/> 
     </mx:columns> 
    </mx:AdvancedDataGrid> 

</mx:Canvas> 

这是主应用程序文件：

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:stackOverflow="com.flextras.stackOverflow.*"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 

    <stackOverflow:CanvasWithGrid width="200" height="200" /> 


</s:Application>