将网格组件拖放到页面上:
网格组件在页面上看起来如下所示:
在运行时,网格组件随添加的组件不同而不同。
组件的“属性”视图显示可以对组件设置的最常见属性集,并且根据组件的不同,您还可以看到用于添加控件、操作或其他组件的选项。要打开“属性”视图,请单击
。“网格”组件的这些常见属性显示在“属性”视图中的 hx:panelGrid 和项选项卡上。要获取完整的属性列表,请参阅全部网格属性表。面板项的其他配置选项位于 hx:panelGrid> 项选项卡上:
配置选项 |
描述 |
---|---|
面板中各项的顺序 |
允许您使用“上移”和“下移”按钮来指定面板中各个组件的顺序。 |
“全部属性”视图显示可以对组件设置的全部属性的表,包含可以从“属性”视图访问的那些属性。要切换至“全部属性”视图,请单击“属性”视图右上角的全部属性图标 。
属性名称 |
在“属性”视图中表示为 |
描述 |
---|---|---|
bgcolor |
背景色 |
使用以 # 符号开头的 6 位十六进制 RGB 值指定背景色,或者通过输入颜色名称(例如,黑色、白色或蓝色)来指定背景色。 |
border |
未表示 |
指定表的边框大小(以像素计)。 |
binding |
未表示 |
该表达式将组件的实例(通常为用户界面组件)与 Bean 属性(通常在备份文件中)绑定。 |
cellpadding |
填充 |
指定单元格边框与单元格内容之间的间隔距离。如果此属性的值是一个像素长度,则内容与四个边的距离都应是这一距离。 |
cellspacing |
间隔 |
指定单元格之间要保留的间隔大小(以像素计)。 |
columnClasses |
未表示 |
为数据表组件的列指定已定义的 CSS 样式表样式。必须先将 CSS 样式表文件链接到组件的 JSP 中,然后才能使用。这可以手工输入,也可以通过单击按钮并从窗口中选择期望的类来输入。 |
cols |
大小:列数 |
指定网格中的列数。 |
dir |
未表示 |
指定当在运行时呈示时组件的方向。值可以是:
|
footerClass |
未表示 |
为数据表组件的列标题指定已定义的 CSS 样式表样式。必须先将 CSS 样式表文件链接到组件的 JSP 中,然后才能使用。这可以手工输入,也可以通过单击按钮并从窗口中选择期望的类来输入。 |
框架 |
未表示 |
指定网格框的哪几条边可视。 |
headerClass |
未表示 |
为数据表组件的列标题指定已定义的 CSS 样式表样式。必须先将 CSS 样式表文件链接到组件的 JSP 中,然后才能使用。这可以手工输入,也可以通过单击按钮并从窗口中选择期望的类来输入。 |
id |
标识 |
对组件指定一个名称。它在 JSP 内应该是唯一名称。 |
lang |
未表示 |
组件的值和文本内容所用的语言。如果语言被忽略,则它会从包含标记(特别是视图)继承。指定为符合 ISO 标准的语言缩写代码。例如,“en”表示英语,“en-US”表示美国英语,“fr”表示法语,而“de”表示徳语。
注: 此选项不是“翻译”组件中的文本,而是标识组件的语言以便搜索、排序、整理以及类似操作能够正确完成。
|
rendered |
未表示 |
可设置为 true 或 false:
|
rowClasses |
未表示 |
在显示行时循环出现的一组类。这可以手工定义,也可以通过单击按钮并从窗口中选择期望的类来定义。 |
规则 |
未表示 |
指定哪些规则将出现在表的单元格之间:
|
size |
大小:高度 |
指定组件的高度,用行数、像素或占屏幕的百分比来表示。 |
样式 |
样式:属性 |
指定组件的 CSS 样式信息,例如,style="font-size : 8pt ; color : red"。定义所选组件的属性,例如,字体和颜色。这可以通过手工完成,也可以通过单击按钮并从窗口中选择期望的属性来完成。 |
styleClass |
样式:类 |
当呈示此元素时要应用的以空格分隔的 CSS 样式类列表。此值必须作为生成标记上的类属性来传递。定义所选组件的类,例如,样式表。这可以通过手工完成,也可以通过单击按钮并从窗口中选择期望的类来完成。 |
summary |
未表示 |
指定详细总结字符串,供用户代理呈示非可视媒体。 |
title |
未表示 |
指定标题文本,它在运行时以工具提示的形式显示在浏览器中。如果未指定备用文本,则浏览器将使用标题文本作为组件的备用文本。 |
width |
大小:宽度 |
指定组件的宽度(以像素计或以百分比计)。要指定要使用百分比,请在值后面追加 %。 |