数据网格和水平滚动策略

Question

看一下这段代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" horizontalScrollPolicy="off">
    <mx:VBox horizontalScrollPolicy="on" width="100%">
        <mx:DataGrid>
            <mx:columns>
                <mx:DataGridColumn width="5000" />

            </mx:columns>
        </mx:DataGrid>
    </mx:VBox>
</mx:Application>

数据网格超出了我的屏幕范围，但滚动条毫无用处。 为了向您展示我的意思，请查看此处的编译输出： http://dl.dropbox.com/u/1663633/prova.swf

有什么想法吗？当然，这是一个简单的示例，我的现实生活文件要复杂得多，滚动条必须位于 dataGrid 周围，而不是整个应用程序上。

Answer 1

问题是 VBox 比 Application 大，即使您设置了 width="100%" 也是如此。我不清楚为什么它会出现这样的行为，但您可以通过在 VBox 上使用 width="{width}" 来强制它与应用程序的大小相同。

Answer 2

数据网格的布局引擎无法处理比数据网格本身更宽的列。对于小于数据网格的列，您不会遇到此问题。

例如，如果数据网格的宽度为 500 像素，并且您有多个 250 像素的列，则可以获得您正在寻找的滚动策略，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="500" layout="absolute" horizontalScrollPolicy="off">
    <mx:VBox >
        <mx:DataGrid width="500" horizontalScrollPolicy="on" >
            <mx:columns>
                    <mx:DataGridColumn headerText="a" width="250" />
                    <mx:DataGridColumn headerText="b" width="250" />
                    <mx:DataGridColumn headerText="c" width="250" />
                    <mx:DataGridColumn headerText="d" width="250" />
                    <mx:DataGridColumn headerText="e" width="250" />
                    <mx:DataGridColumn headerText="f" width="250" />

            </mx:columns>
        </mx:DataGrid>
    </mx:VBox>
</mx:Application>

即使列的总宽度大于数据网格，这也将起作用。