Проблемы с горизонтальной / вертикальной полосой прокрутки AdvancedDataGrid. (Flex)

Горизонтальная прокрутка AdvancedDataGrid несколько необычна тем, что размер ползунка горизонтальной прокрутки зависит от ширины видимых столбцов. На самом деле вы можете перетащить ползунок до конца, но это может занять несколько попыток. (Знаю, знаю ...)

Помните, что в AdvancedDataGrid ничего фактически не отображается за пределами области просмотра, поэтому любой размер - это просто обоснованная (ну, в некоторой степени обоснованная) догадка. Adobe делает это для того, чтобы огромные сетки не увязли в обход (представьте, что методы измерения выполняются на объектах itemRenderers из 15 000 ячеек каждый раз, когда вы изменяете размер окна).

Я советую отключить политики вертикальной и горизонтальной прокрутки на холсте и разрешить прокрутку обрабатывать в ADG. Это некрасиво, но это лучше, чем альтернатива. В любом случае ADG - громоздкая и сварливая штуковина, и, возможно, именно поэтому Adobe открыла ее исходный код. Я много раз клялся, что никогда не воспользуюсь им снова. Я смог сдержать эту клятву только до следующего раза, когда мне понадобятся ее возможности. Примерно каждую неделю.

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. AdvancedDataGrid - это ваш «Контент», в то время как Canvas будет вашим локальным.

Я добавляю полный пример работающего кода, чтобы продемонстрировать свое предложение.

Это компонент холста с 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>