Flex中如何通过rowCount属性动态改变DataGrid显示行数的例子
By Minidxer | November 3, 2008
接下来的例子演示了Flex中如何通过rowCount属性，动态改变DataGrid显示行数。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="top"
- backgroundColor="white">
- <mx:Array id="arr">
- <mx:Object col1="1" col2="A" col3="a" />
- <mx:Object col1="2" col2="B" col3="b" />
- <mx:Object col1="3" col2="C" col3="c" />
- <mx:Object col1="4" col2="D" col3="d" />
- <mx:Object col1="5" col2="E" col3="e" />
- <mx:Object col1="6" col2="F" col3="f" />
- </mx:Array>
- <mx:ApplicationControlBar dock="true">
- <mx:Form>
- <mx:FormItem label="rowCount:">
- <mx:HSlider id="slider"
- minimum="0"
- maximum="{arr.length+1}"
- value="4"
- liveDragging="true"
- snapInterval="1"
- tickInterval="1"
- dataTipPrecision="0" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <mx:DataGrid id="dataGrid"
- dataProvider="{arr}"
- rowCount="{slider.value}" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
DataGrid |
No Comments » |
955 views
Tags: DataGrid, rowCount