Java教程 第69页

JSF教程 – JSF表单列表框示例 以下部分显示如何在JSF中创建ListBox。 h:selectOneListbox标记渲染HTML输入具有指定大小的“select”类型的元素。 下面的JSF代码 <h:selectOneListbox value="#{userData.data}"> <f:selectItem itemValue="1" itemLabel="Item 1" /> <f:selectItem itemValue="2" itemLabel="Item 2" /> </h:selectOneListbox> 被渲染到以下HTML标记中。 <select name="j_idt6:j_idt8" size="2"> <option value="1">Item 1</option> <option value="2">Item 2</option> </select> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 validator 附加到组件的验证器的类名 required 布尔值; 如果为true，则根据需要标记标签 accesskey 给予一个元素的焦点 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 alt 非文字元素(例如图片)的替代文字 border 元素的边框宽度的像素值 charset 链接资源的字符编码 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 disabled 输入元素或按钮的禁用状态 hreflang 使用 href 属性指定的资源的基本语言; lang 元素的属性和文本的基本语言 maxlength 文本字段的最大字符数 readonly 输入字段的只读状态 style 内联样式信息 tabindex 指定制表符索引的数值 target 打开文档的框架的名称 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 type 链接类型; 例如样式表 width 元素的宽度 onblur 失去焦点的事件处理程序 onchange 值更改的事件处理程序 onclick 鼠标按钮的事件处理程序点击该元素 ondblclick 双击鼠标按钮的事件处理程序 onfocus 元素接收焦点的事件处理程序 onkeydown 按键的事件处理程序 onkeypress 键按下并释放的事件处理程序 onkeyup Key的事件处理程序发布 onmousedown 鼠标按钮的事件处理程序 onmousemove...

JSF教程 – JSF表单组合框示例 以下部分显示如何从JSF创建HTML组合框。 h:selectOneMenu标签渲染一个HTML输入元素类型“select”，大小未指定。 以下JSF标记 <h:selectOneMenu value="#{userData.data}"> <f:selectItem itemValue="1" itemLabel="Item 1" /> <f:selectItem itemValue="2" itemLabel="Item 2" /> </h:selectOneMenu> 被渲染成以下HTML代码。 <select name="j_idt6:j_idt8"> <option value="1">Item 1</option> <option value="2">Item 2</option> </select> 标签属性 属性 描述 id 标签的表识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 validator 附加到组件的验证器的类名 required 布尔值; 如果为true，则根据需要标记标签 accesskey 给予一个元素的焦点 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 alt 非文字元素(例如图片)的替代文字 border 元素的边框宽度的像素值 charset 链接资源的字符编码 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 disabled 输入元素或按钮的禁用状态 hreflang 使用 href 属性指定的资源的基本语言; lang 元素的属性和文本的基本语言 maxlength 文本字段的最大字符数 readonly 输入字段的只读状态 style 内联样式信息 tabindex 指定制表符索引的数值 target 打开文档的框架的名称 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 type 链接类型; 例如样式表 width 元素的宽度 onblur 失去焦点的事件处理程序 onchange 值更改的事件处理程序 onclick 鼠标按钮的事件处理程序点击该元素 ondblclick 双击鼠标按钮的事件处理程序 onfocus 元素接收焦点的事件处理程序 onkeydown 按键的事件处理程序 onkeypress 键按下并释放的事件处理程序 onkeyup Key的事件处理程序发布 onmousedown 鼠标按钮的事件处理程序 onmousemove 鼠标移动的事件处理程序...

JSF教程 – JSF表单单选按钮示例 以下部分显示如何使用JSF中的创建单选按钮。 h:selectOneRadio标签呈现一组类型为“radio”的HTML输入元素，并使用HTML表格和标签标签对其进行格式化。 下面的JSF代码 <h:selectOneRadio value="#{userData.data}"> <f:selectItem itemValue="1" itemLabel="Item 1" /> <f:selectItem itemValue="2" itemLabel="Item 2" /> </h:selectOneRadio> 被渲染成以下HTML代码 <table> <tr> <td><input type="radio" checked="checked" name="j_idt6:j_idt8" id="j_idt6:j_idt8:0" value="1" /> <label for="j_idt6:j_idt8:0"> Item 1</label></td> <td><input type="radio" name="j_idt6:j_idt8" id="j_idt6:j_idt8:1" value="2" /> <label for="j_idt6:j_idt8:1"> Item 2</label></td> </tr> </table> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 validator 附加到组件的验证器的类名 required 布尔值; 如果为true，则根据需要标记标签 accesskey 给予一个元素的焦点 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 alt 非文字元素(例如图片)的替代文字 border 元素的边框宽度的像素值 charset 链接资源的字符编码 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 disabled 输入元素或按钮的禁用状态 hreflang 使用 href 属性指定的资源的基本语言; lang 元素的属性和文本的基本语言 maxlength 文本字段的最大字符数 readonly 输入字段的只读状态 style 内联样式信息 tabindex 指定制表符索引的数值 target 打开文档的框架的名称 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 type 链接类型; 例如样式表 width 元素的宽度 onblur 失去焦点的事件处理程序 onchange 值更改的事件处理程序...

JSF教程 – JSF表单复选框示例 以下部分显示如何使用JSF标记创建HTML复选框。 h:selectBooleanCheckbox标签渲染类型为“checkbox”的HTML输入元素。 以下JSF标记 <h:selectBooleanCheckbox value="Remember Me" id="chkRememberMe" /> 渲染到以下HTML标记。 <input id="jsfForm1:chkRememberMe" type="checkbox" name="jsfForm1:chkRememberMe" checked="checked" /> h:selectManyCheckbox标签呈现一组HTML输入元素，并使用HTML表格和标签标签格式化。 JSF中的以下标记 <h:selectManyCheckbox value="#{userData.data}"> <f:selectItem itemValue="1" itemLabel="Item 1" /> <f:selectItem itemValue="2" itemLabel="Item 2" /> </h:selectManyCheckbox> 被渲染到以下HTML标记中。 <table> <tr> <td><input name="j_idt6:j_idt8" id="j_idt6:j_idt8:0" value="1" type="checkbox" checked="checked" /> <label for="j_idt6:j_idt8:0" class=""> Item 1</label> </td> <td><input name="j_idt6:j_idt8" id="j_idt6:j_idt8:1" value="2" type="checkbox" checked="checked" /> <label for="j_idt6:j_idt8:1" class=""> Item 2</label> </td> </tr> </table> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 validator 附加到组件的验证器的类名 required 布尔值; 如果为true，则根据需要标记标签 accesskey 给予一个元素的焦点 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 alt 非文字元素(例如图片)的替代文字 border 元素的边框宽度的像素值 charset 链接资源的字符编码 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 disabled 输入元素或按钮的禁用状态 hreflang 使用 href 属性指定的资源的基本语言; lang 元素的属性和文本的基本语言 maxlength 文本字段的最大字符数 readonly...

JSF教程 – JSF表单文本域示例 h:inputText标签渲染类型为“text”的HTML输入元素。 下面的JSF代码 <h:inputTextarea row="10" col="10" value="Hello World!" readonly="true"/> 被渲染到 <textarea name="j_idt6:j_idt8" readonly="readonly"> Hello World! </textarea> j_idt6:j_idt8 由JSF生成。 h:inputTextarea标记属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 validator 附加到组件的验证器的类名 required 布尔值; 如果为true，则根据需要标记标签 accesskey 给予一个元素的焦点 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 alt 非文字元素(例如图片)的替代文字 border 元素的边框宽度的像素值 charset 链接资源的字符编码 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 disabled 输入元素或按钮的禁用状态 hreflang 使用 href 属性指定的资源的基本语言; lang 元素的属性和文本的基本语言 maxlength 文本字段的最大字符数 readonly 输入字段的只读状态 style 内联样式信息 tabindex 指定制表符索引的数值 target 打开文档的框架的名称 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 type 链接类型; 例如样式表 width 元素的宽度 onblur 失去焦点的事件处理程序 onchange 值更改的事件处理程序 onclick 鼠标按钮的事件处理程序点击该元素 ondblclick 双击鼠标按钮的事件处理程序 onfocus 元素接收焦点的事件处理程序 onkeydown 按键的事件处理程序 onkeypress 键按下并释放的事件处理程序 onkeyup Key的事件处理程序发布 onmousedown 鼠标按钮的事件处理程序 onmousemove 鼠标移动的事件处理程序 onmouseout 鼠标左的事件处理程序 onmouseover 鼠标移动到的事件处理程序 onmouseup 释放鼠标按钮的事件处理程序 onreset 表单重置的事件处理程序 onselect...

JSF教程 – JSF表单密码示例 h:inputSecret标签渲染类型为“password”的HTML输入元素。 以下JSF标记 <h:inputSecret value="password" /> 被渲染到 <input type="password" name="j_idt6:j_idt8" value="password" /> j_idt6:j_idt8由JSF生成。 h:inputSecret标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表（CSS）类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 validator 附加到组件的验证器的类名 required 布尔值; 如果为true，则根据需要标记标签 accesskey 给予一个元素的焦点 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 alt 非文字元素（例如图片）的替代文字 border 元素边框宽度的像素值 charset 链接资源的字符编码 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。有效值为ltr（从左到右）和rtl（从右到左）。 disabled 输入元素或按钮的禁用状态 hreflang 使用href属性指定的资源的基本语言; lang 元素的属性和文本的基本语言 maxlength 文本字段的最大字符数 readonly 输入字段的只读状态 style 内联样式信息 tabindex 指定制表符索引的数值 target 在其中打开文档的框架的名称 title 用于辅助功能的标题。浏览器通常为标题的值创建工具提示 type 链接类型; 例如，样式表 width 元素的宽度 onblur 失去焦点的事件处理程序 onchange 值更改的事件处理程序 onclick 鼠标按钮的事件处理程序点击该元素 ondblclick 鼠标按钮的事件处理程序双击 onfocus 元素接收焦点的事件处理程序 onkeydown 键按下的事件处理程序 onkeypress 键按下并释放的事件处理程序 onkeyup Key的事件处理程序发布 onmousedown 鼠标按钮的事件处理程序 onmousemove 鼠标移动的事件处理程序 onmouseout 鼠标左的事件处理程序 onmouseover 鼠标移动到的事件处理程序 onmouseup 释放鼠标按钮的事件处理程序 onreset 表单重置的事件处理程序 onselect 选择的文本的事件处理程序 immediate 在生命周期的早期进行过程验证 例子 以下代码来自demo.xhtml。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...

JSF教程 – JSF输出链接 h:outputLink标签渲染一个HTML“anchor”元素。 以下JSF标记 <h:outputLink value="page1.jsf" >Page 1</h:outputLink> 将渲染为以下HTML标记。 <a href="page1.jsf">Page 1</a> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 validator 附加到组件的验证器的类名 required 布尔值; 如果为true，则根据需要标记标签 accesskey 给予一个元素的焦点 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 alt 非文字元素(例如图片)的替代文字 border 元素的边框宽度的像素值 charset 链接资源的字符编码 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 hreflang 使用 href 属性指定的资源的基本语言; lang 元素的属性和文本的基本语言 maxlength 文本字段的最大字符数 readonly 输入字段的只读状态 rel 当前页面和链接页面之间的关系 rev 将从 href 指定的锚点反向链接到当前文档。 style 内联样式信息 tabindex 指定制表符索引的数值 target 打开文档的框架的名称 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 type 链接类型; 例如样式表 width 元素的宽度 onblur 失去焦点的事件处理程序 onchange 值更改的事件处理程序 onclick 鼠标按钮的事件处理程序点击该元素 ondblclick 双击鼠标按钮的事件处理程序 onfocus 元素接收焦点的事件处理程序 onkeydown 按键的事件处理程序 onkeypress 键按下并释放的事件处理程序 onkeyup Key的事件处理程序发布 onmousedown 鼠标按钮的事件处理程序 onmousemove 鼠标移动的事件处理程序 onmouseout 鼠标左的事件处理程序 onmouseover 鼠标移动到的事件处理程序 onmouseup 释放鼠标按钮的事件处理程序 onreset 表单重置的事件处理程序 onselect 选择文本的事件处理程序 例子 以下代码来自demo.xhtml。...

JSF教程 – JSF相对应消息标记 h:message标记显示与UI元素相对应的消息。 以下JSF标记 <h:inputText id="username" size="20" label="UserName" required="true"> <f:validateLength for="username" minimum="5" maximum="20" /> </h:inputText> <h:message for="username" style="color:red" /> 如果输入超过20个字符。 <span style="color:red">UserName: Validation Error: Length is greater than allowable maximum of "20"</span> 如果输入小于5个字符。 <span style="color:red">UserName: Validation Error: Length is less than allowable minimum of "5"</span> 如果未输入输入字段。 <span style="color:red">UserName: Validation Error: Value is required</span> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 for 显示消息的组件ID errorClass 应用于错误消息的CSS类 errorStyle CSS样式应用于错误消息 fatalClass CSS类应用于致命消息 fatalStyle CSS样式应用于致命消息 globalOnly 仅显示全局消息的指令。 默认值:false infoClass CSS类应用于信息消息 infoStyle CSS样式应用于信息消息 layout 消息布局规范:表或列表 showDetail 确定是否显示邮件详细信息的布尔值。 h:messages的默认值为false，h:message的默认值为true showSummary 确定是否显示消息摘要的布尔值。h:messages的默认值为true，h:message的值为false tooltip 一个布尔值，用于设置是否在工具提示中呈现消息详细信息;仅当showDetail和showSummary为true时才会呈现工具提示 warnClass 警告消息的CSS类 warnStyle CSS样式的警告消息 style 内联样式信息 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 例子 以下代码来自demo.xhtml。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets">...

JSF教程 – JSF所有消息标记 h:messages标记在与UI元素对应的一个地方显示所有消息。 以下JSF标记 <h:messages style="color:red;margin:8px;" /> 如果输入的用户名超过20个字符，输入的密码小于5个字符。 <ul style="color:red;margin:8px;"> <li> UserName: Validation Error: Length is greater than allowable maximum of "20" </li> <li> Password: Validation Error: Length is less than allowable minimum of "5" </li> </ul> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 for 显示消息的组件ID errorClass 应用于错误消息的CSS类 errorStyle CSS样式应用于错误消息 fatalClass CSS类应用于致命消息 fatalStyle CSS样式应用于致命消息 globalOnly 仅显示全局消息的指令。 默认值:false infoClass CSS类应用于信息消息 infoStyle CSS样式应用于信息消息 layout 消息布局规范:表或列表 showDetail 确定是否显示邮件详细信息的布尔值。h:messages的默认值为false，h:message的默认值为true showSummary 确定是否显示消息摘要的布尔值。h:messages的默认值为true，h:message的值为false tooltip 一个布尔值，用于设置是否在工具提示中呈现消息详细信息;仅当showDetail和showSummary为true时才会呈现工具提示 warnClass 警告消息的CSS类 warnStyle CSS样式的警告消息 style 内联样式信息 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 例子 以下代码来自demo.xhtml。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" > <h:body> <h:form> <h:messages style="color:red;margin:8px;" /> <br /> <h:panelGrid columns="3"> Enter your username : <h:inputText id="username" value="#{user.username}"...

JSF教程 – JSF PanelGrid示例 h:panelGrid标记渲染一个HTML“table”元素。 以下JSF标记 <h:panelGrid id="panel" columns="2" border="1" cellpadding="10" cellspacing="1"> <f:facet name="header"> <h:outputText value="Login"/> </f:facet> <h:outputLabel value="Username" /> <h:inputText /> <h:outputLabel value="Password" /> <h:inputSecret /> <f:facet name="footer"> <h:panelGroup style="display:block; text-align:center"> <h:commandButton id="submit" value="Submit" /> </h:panelGroup> </f:facet> </h:panelGrid> 将渲染为以下HTML标记。 <table id="j_idt10:panel" border="1" cellpadding="10" cellspacing="1"> <thead> <tr><th colspan="2" scope="colgroup">Login</th></tr> </thead> <tfoot> <tr> <td colspan="2"> <span style="display:block; text-align:center"> <input id="j_idt10:submit" type="submit" name="j_idt10:submit" value="Submit" /> </span></td></tr> </tfoot> <tbody> <tr> <td><label>Username</label></td> <td><input type="text" name="j_idt10:j_idt17" /></td> </tr> <tr> <td><label>Password</label></td> <td><input type="password" name="j_idt10:j_idt21" value="" /></td> </tr> </tbody> </table> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表（CSS）类名称 value 值绑定 bgcolor 表的背景颜色 border 表格边框的宽度 cellpadding 表格单元周围的填充 cellspacing 表格单元格之间的间距 columnClasses 列的CSS类的逗号分隔列表 columns 表中的列数 footerClass 表的页脚的CSS类 frame 框架框架侧面的规格    围绕要绘制的表格; 有效值:    none，above，below，hsides，vsides，lhs，rhs，box，border headerClass 表头的CSS类 rowClasses...