Flex中如何创建可以显示multi-line并且高度可变的DataGrid控件的例子
2009-11-11 13:29
531 查看
Flex中用得比较多的一个控件就是DataGrid,在创建一个需要排序的应用或者例子的时候,我总是会用一个DataGird来显示所有的调试信息以及其他自己需要的信息。下面就是一个简单的如何创建可以显示multi-line并且高度可变的DataGrid控件的例子。例子中说明了如何设置DataGrid控件,使其网格内的文字环绕,并且允许任何一行根据自身行内的文字内容高度是可变的。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码
):
Download: main.mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white" layout="vertical"> <mx:Array id="arr"> <mx:Object articleName="Finding out a characters Unicode character code" data="15" /> <mx:Object articleName="Setting an icon in an Alert control" data="14" /> <mx:Object articleName="Setting an icon in a Button control" data="13" /> <mx:Object articleName="Installing the latest nightly Flex 3 SDK build into Flex Builder 3" data="10" /> <mx:Object articleName="Detecting which button a user pressed to dismiss an Alert dialog" data="9" /> <mx:Object articleName="Using the Alert control" data="8" /> <mx:Object articleName="Formatting data tips in a Slider" data="7" /> <mx:Object articleName="Downloading the latest Adobe Labs version of Flex 3 SDK/Flex Builder 3 (codename: Moxie)" data="6" /> </mx:Array> <mx:ArrayCollection id="arrColl" source="{arr}" /> <mx:DataGrid id="dataGrid" dataProvider="{arrColl}" variableRowHeight="true" width="100%" height="100%"> <mx:columns> <mx:DataGridColumn id="articleName" dataField="articleName" headerText="Name of the article in question" wordWrap="true" /> <mx:DataGridColumn id="data" dataField="data" headerText="ID of the article" /> </mx:columns> </mx:DataGrid> </mx:Application>
相关文章推荐
- Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子
- Flex 4中如何创建特定显示效果Spark Panel的例子
- Flex中如何创建自定义排序DataGrid控件的例子
- Flex中如何创建自定义排序DataGrid控件的例子
- Flex中如何将XML数据显示在DataGrid控件中的例子
- Flex中如何通过设置editable属性创建一个可编辑的DataGrid控件的例子
- bootstrap modal插件弹出窗口如何限制最大高度,并且在内容过多时可以滚动显示
- Flex中如何通过variableRowHeight和wordWrap属性,创建行高度可变的Tree
- 如何创建UIlabel,使label的高度随着内容的多少而变动并且可以设置行间距?
- Flex中如何创建一个可以自动换行并调整布局的ToolBar容器
- Flex中如何利用树形控件(Tree Control)和SWFLoader控件创建简单图片相册的例子
- Flex中如何利用PopUpButton控件创建一个弹出TitleWindow的例子
- Flex中如何利用mx:states和mx:State创建不同状态应用的例子
- 如何在Window Form中显示Word文件,并且可以修改、保存?
- Flex中如何在List控件拖动时显示tips的例子
- Flex中如何利用PopUpButton控件创建一个弹出TitleWindow的例子
- Flex中如何利用mx:HTTPService标签读取文本文件中的name/value这样的一对数据并显示在DataGrid中的例子
- Flex中如何将NumericStepper控件作为DataGrid控件的一个编辑项目的例子
- 如何实现flex布局下div等宽且内部文字可以溢出显示
- Flex中如何设置或取消DateChooser控件当前日期高亮显示(highlighting)的例子