波斯马BOSSMA Information Technology

Flex之DataGrid控件

发布时间:2008年8月13日 / 分类:Flex / 20,772 次浏览 / 评论

大部分翻译自官方帮助文档。
DataGrid控件是一个可以展示多列数据的列表控件。它是一个格式化的数据表格,可以设置可编辑的单元格,是许多数据驱动应用的基础。

下边的几个主题介绍了关于DataGrid的几个高级应用, see:

怎么格式化单元格的数据,以及怎样控制用户的输入。see Using Item Renderers and Item Editors.
怎样拖拽对象到或出DataGrid。see Using Drag and Drop.

关于DataGrid控件
DataGrid控件可以提供以下功能:
1、可调尺寸、排序、自定义列(包括隐藏列)
2、设置自定义列和标题行(包括设置标题行文本换行)
3、在运行时用户可以resize and reorder
4、触发选中事件
5、可以在任一列使用自定义项目输出(custom item renderer)
6、支持分页
7、锁定行和列,不显示滚动条

创建一个DataGrid控件

使用标签<mx:DataGrid> 在MXML中定义一个DataGrid控件,一般来说每个控件都需要一个id.
DataGrid控件使用一个基于列表的数据对象,绑定到dataProvider属性。
你可以不使用<mx:dataProvider> 标签,因为它是DataGrid的默认属性。你还可以不使用<mx:source> 标签在<mx:ArrayCollection> 标签中,因为它是ArrayCollection 类的默认属性。
举了例子:

默认的,列的顺序按照属性名字的字母顺序排列。

使用mx:DataGridColumn明确有哪些列:

在这个例子中,显示两列:Album和Price,如果我们去掉

就会显示本来的三列了。 还可以自定义列的标题:headerText

隐藏和显示列
你可能有时需要显示或隐藏某一列,可以使用列的visible属性,在这个例子中,使用一个按钮来控制列的显示。

通过ActionScript绑定数据
数据变化时,我们不需要重新绑定

OK,还有许多内容没有涉及,慢慢来!

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自波斯马,原文地址《Flex之DataGrid控件

关键字:

建议订阅本站,及时阅读最新文章!
【上一篇】 【下一篇】

发表评论