Flex中通过将horizontalScrollPolicy属性值设置为mx.core.ScrollPolicy类的常量实现DataGrid控件横向滚动条显示与否的例子
By Minidxer | August 29, 2008
和前面Flex中通过将verticalScrollPolicy属性设为mx.core.ScrollPolicy类的一个常量实现TextArea控件滚动条的显示与否的例子类似的,接下来的例子演示了Flex中如何通过将horizontalScrollPolicy属性值设置为mx.core.ScrollPolicy类的常量,实现DataGrid控件横向滚动条显示与否。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="DataGrid_horizontalScrollPolicy_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.core.ScrollPolicy;
- ]]>
- </mx:Script>
- <mx:XML id="xmlDP" source="data/dp.xml" />
- <mx:Array id="arr">
- <mx:String>{ScrollPolicy.AUTO}</mx:String>
- <mx:String>{ScrollPolicy.OFF}</mx:String>
- <mx:String>{ScrollPolicy.ON}</mx:String>
- </mx:Array>
- <mx:ApplicationControlBar dock="true">
- <mx:Form styleName="plain">
- <mx:FormItem label="horizontalScrollPolicy:">
- <mx:ComboBox id="comboBox"
- dataProvider="{arr}" />
- </mx:FormItem>
- </mx:Form>
- <mx:Spacer width="100%" />
- <mx:Button label="Set dataProvider"
- click="dataGrid.dataProvider = xmlDP.row;" />
- <mx:Button label="Clear dataProvider"
- click="dataGrid.dataProvider = [];" />
- </mx:ApplicationControlBar>
- <mx:DataGrid id="dataGrid"
- horizontalScrollPolicy="{comboBox.selectedItem}"
- width="100%"
- height="100%" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Flex |
Tags: DataGrid, horizontalScrollPolicy, ScrollPolicy