JSF 组件的外观由样式控制,就如 Web 页面上的其它组件一样。在此练习中,您将学习如何通过更改 JSF 组件的样式来更改它们的外观。还将学习对输入字段设置简单或复杂的验证条件。
“属性”视图通常位于工作台底部。如果找不到“属性”视图,则单击窗口 > 显示视图 > 属性。
“属性”视图允许您更改 JSF 组件的外观和行为以及设置验证 JSF 组件的方式。
#EEEEEE
这表示输入字段的背景色是浅灰色的。一般说来,输入字段的颜色与 Web 页面的背景色最好不要相同,这是因为有所对比可使输入字段更易于看清。
“添加样式”窗口看起来应如下所示:
“属性”视图看起来应如下所示:
还可以验证 JSF 组件的最小长度或最大长度,或者是否存在字母数字字符或数字字符。在下面的几个步骤中,将对输入字段设置验证,从而使得它是最小长度为 4 个字符的必需值。
页面将在输入字段的右边显示一条错误消息,内容为 Validation Error: Value is required。
页面将在输入字段的右边显示一条错误消息,内容为 Validation Error: Value is less than allowable minimum of '4'。
页面将正常工作。
格式掩码指定有效输入的模型,从而防止用户输入无效的内容。当在浏览器中显示该页面时,输入字段只接受与它的格式掩码相符的输入。
(###)###-####
此掩码表示美国电话号码。# 符号表示用户将输入的数字,其它字符表示用户不能更改的格式字符。
现在,当您在输入字段中单击时,掩码就会指导您输入电话号码。不能更改(、) 和 - 等字符,但可以在 # 符号上输入新数字。另外请注意,只能在此输入字段中输入数字,不能输入字母。
在“属性”视图中还提供了许多其它样式和验证选项。
现在,您可以开始进行练习 1.3:将 EGL 数据类型映射至 JSF 控件了。