Hi, 请登录     我要注册     找回密码

Java教程 第68页

JSF OutputScript示例

JSF教程 – JSF OutputScript示例 h:outputScript标记渲染类型为“script”的HTML元素，类型为“text/javascript”。 此标记将外部JavaScript文件添加到JSF页面。 以下JSF标记 <h:outputScript library="js" name="help.js" /> 被渲染为以下HTML代码。 <script type="text/javascript" src="/helloworld/javax.faces.resource/help.js.jsf?ln=js"></script> 例子 以下代码来自common.js。 document.write("www.w3cschool.cn"); 下面的代码来自UserBean.java。 package cn.w3cschool.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @ManagedBean(name="user") @SessionScoped public class UserBean{ } 以下代码来自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"> <h:head></h:head> <h:body> <h:outputScript library="js" name="common.js" target="head" /> </h:body> </html> 下载 OutputScript.zip 运行 将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹，并运行Tomcat-Install-folder/bin/startup.bat。 Tomcat完成启动后，在浏览器地址栏中键入以下URL。 http://localhost:8080/simple-webapp/demo.xhtml

JSF 输出格式示例

JSF教程 – JSF 输出格式示例 h:outputFormat标记渲染HTML文本，但可以接受参数化输入。 下面的JSF代码 <h:outputFormat value="parameter 1 : {0}, parameter 2 : {1}" > <f:param value="Item 1" /> <f:param value="Item 2" /> </h:outputFormat> 被渲染为以下HTML代码。 parameter 1 : Item 1, parameter 2 : Item 2 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 converter 转换器类名 style 内联样式信息 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 例子 下面的代码来自UserBean.java。 package cn.w3cschool.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @ManagedBean(name="user") @SessionScoped public class UserBean{ public String text = "Hello {0}"; public String htmlInput = "<a href="http://www.w3cschool.cn">{0}</a>"; public String getText() { return text; } public void setText(String text) { this.text = text; } public String getHtmlInput() { return htmlInput; } public void setHtmlInput(String htmlInput) { this.htmlInput = htmlInput; } } 以下代码来自demo.xhtml。 <?xml version="1.0" encoding="UTF-8"?>...

JSF 输出文本示例

JSF教程 – JSF 输出文本示例 h:outputText标签渲染HTML文本。 下面的JSF代码 <h:outputText value="Hello World!" /> 被渲染为以下HTML代码。 Hello World! 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 converter 转换器类名 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"> <h:body> <h1>JSF 2.0 h:outputText Example</h1> <ol> <li>#{user.text}</li> <li><h:outputText value="#{user.text}" /></li> <li><h:outputText value="#{user.text}" styleClass="abc" /></li> <li><h:outputText value="#{user.htmlInput}" /></li> <li><h:outputText value="#{user.htmlInput}" escape="false" /></li> </ol> </h:body> </html> 下面的代码来自UserBean.java。 package cn.w3cschool.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @ManagedBean(name="user") @SessionScoped public class UserBean{ public String text = "This is Text!"; public String htmlInput = "<a href="http://www.w3cschool.cn">www.w3cschool.cn</a>"; public String getText() { return text; } public void setText(String text) { this.text = text; } public String getHtmlInput() {...

JSF 命令链接

JSF教程 – JSF命令链接 h:commandLink标签渲染一个HTML“anchor”元素。 以下JSF标记 <h:commandLink value="Page 1" action="page1" /> 被渲染为以下HTML代码 <a href="#" onclick="mojarra.jsfcljs(document.getElementById("j_idt13"), {"j_idt13:j_idt14":"j_idt13:j_idt14"},"");return false">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 表单重置的事件处理程序...

JSF 表单命令按钮示例

JSF教程 – JSF表单命令按钮示例 h:commandButton标签渲染类型为“submit”的HTML输入元素。 下面的JSF代码 <h:commandButton value="Click Me!" onclick="alert("Hello World!");" /> 被渲染成以下HTML代码。 <input type="submit" name="j_idt10:j_idt13" value="Click Me!" onclick="alert("Hello World!");" /> 标签属性 属性 描述 id 标签的标识 rendered 布尔值; false将抑制渲染 styleClass 级联样式表(CSS)类名称 value 值绑定 valueChangeListener 响应值更改的方法绑定 required 布尔值; 如果为true，则根据需要标记标签 coords 形状为矩形，圆形或多边形的元素的坐标 dir 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 disabled 输入元素或按钮的禁用状态 style 内联样式信息 tabindex 指定制表符索引的数值 target 打开文档的框架的名称 title 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 width 元素的宽度 onblur 失去焦点的事件处理程序 onchange 值更改的事件处理程序 onclick 鼠标按钮的事件处理程序点击该元素 ondblclick 双击鼠标按钮的事件处理程序 onfocus 元素接收焦点的事件处理程序 onkeydown 按键的事件处理程序 onkeypress 键按下并释放的事件处理程序 onkeyup Key的事件处理程序发布 onmousedown 鼠标按钮的事件处理程序 onmousemove 鼠标移动的事件处理程序 onmouseout 鼠标左的事件处理程序 onmouseover 鼠标移动到的事件处理程序 onmouseup 释放鼠标按钮的事件处理程序 onreset 表单重置的事件处理程序 onselect 选择文本的事件处理程序 例子 以下代码来自login.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" > <h:body> <h1>login.xhtml</h1> </h:body> </html> 下面的代码来自UserBean.java。 package cn.w3cschool.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @ManagedBean(name="user") @SessionScoped public...

JSF 隐藏值示例

JSF教程 – JSF隐藏值示例 h:inputHidden标签渲染类型为“hidden”的HTML输入元素。 以下JSF标记 <h:inputHidden value="Hello World" id="hiddenField" /> 渲染到以下HTML标记。 <input id="jsfForm:hiddenField" type="hidden" name="jsfForm:hiddenField" value="Hello World" /> 标签属性 属性 描述 id 标签的标识 binding 引用在backing bean中使用的组件 value 值绑定 valueChangeListener 响应值更改的方法绑定 converter 转换器类名 accept 表单的内容类型的逗号分隔列表 accept-charset 表单的字符编码的逗号或空格分隔列表。 border 元素的边框宽度的像素值 immediate 在生命周期的早期进行过程验证 例子 下面的代码来自UserBean.java。 package cn.w3cschool.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; import java.io.Serializable; @ManagedBean(name="user") @SessionScoped public class UserBean implements Serializable { String answer = "I"m Hidden value!"; public String getAnswer() { return answer; } public void setAnswer(String answer) { this.answer = answer; } } 以下代码来自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"> <h:head> <script type="text/javascript"> function printHiddenValue(){ try{ console.log(document.getElementById("myform:hiddenId").value); }catch(e){ console.log(e); } } </script> </h:head> <h:body> <h1>JSF 2 hidden value example</h1> <h:form id="myform"> <h:inputHidden value="#{user.answer}" id="hiddenId"...