练习 2.4:配置数据网格组件
在开始之前,必须先完成练习 2.3:创建并配置客户机端数据。
Faces Client“数据网格”组件允许您对客户机端数据进行排序、过滤、翻页和常规处理,而不会导致页面刷新。“数据网格”完全由元数据驱动,并且在浏览器中完整地显示它的各个单元格的内容。
插入数据网格组件
- 确保 JSP 文件已打开。虽然您可以删除占位符文本,但是一定不要删除用虚线框表示的客户机数据标记。

- 在“选用板”视图中,通过单击“Faces Client 组件”抽屉来打开该抽屉。
- 将数据网格组件拖放到“设计”视图中的任何位置。

设置属性
尽管可以定制“数据网格”的许多功能部件,但是在本教程中,我们将只更改 Select Few。
- 在属性视图中,单击 odc:dataGrid 选项卡。
- 要配置您想显示的行数,更改高度属性。对于本教程,输入一个值
5
。
- 指定行过滤器,它是一个 JavaScript 表达式,它将返回布尔值来告诉“数据网格”组件是否应该显示某一行。对于本教程,让它保持为空白。
- 指定表的宽度。选择 90%。
- 指定“数据网格”是否可编辑,它允许用户删除行(以及这些行在数据结构中对应的对象),或者添加新行(并在数据结构中插入新的对象)。对于本教程,不要选择可以添加/删除的行。
- 配置您想在何处查看导航栏,这使得用户能够对数据使用翻页功能。对于本教程,选择显示页脚栏。
- 通过指定应该显示“选择列”来启用行选择,并配置其外观:标题的标签(选择)、对齐方式(居中)、宽度(30 像素)以及是应该使用单选按钮还是复选框(选择允许多个选择以创建复选框)。
- 选择显示行号以启用行下标列,它使用户在任何时候更容易知道数据集中具有多少行以及显示了哪些行(例如,第 6 行到第 10 行)。

现在,您可以开始进行练习 2.5:绑定数据并定制显示了。