The h:outputLink tag renders an HTML "anchor" element.
The following JSF tag
<h:outputLink value="page1.jsf" >Page 1</h:outputLink>
is rendered into the following HTML tag.
<a href="page1.jsf">Page 1</a>
Attribute | Description |
---|---|
id | id for the tag |
binding | Reference to the component used in a backing bean |
rendered | A boolean value; false would suppress rendering |
styleClass | Cascading stylesheet (CSS) class name |
value | value binding |
valueChangeListener | A method binding that responds to value changes |
converter | Converter class name |
validator | Class name of a validator attached to the component |
required | A boolean; if true, marks the tag as required |
accesskey | gives focus to an element |
accept | Comma-separated list of content types for a form |
accept-charset | Comma- or space-separated list of character encodings for a form. |
alt | Alternative text for nontextual elements such as images |
border | Pixel value for an element's border width |
charset | Character encoding for a linked resource |
coords | Coordinates for an element whose shape is a rectangle, circle, or polygon |
dir | Direction for text. Valid values are ltr (left to right) and rtl (right to left). |
hreflang | Base language of a resource specified with the href attribute; |
lang | Base language of an element's attributes and text |
maxlength | Maximum number of characters for text fields |
readonly | Read-only state of an input field |
rel | Relationship between the current page and linked page |
rev | Reverse link from the anchor specified with href to the current document. |
style | Inline style information |
tabindex | Numerical value specifying a tab index |
target | The name of a frame in which a document is opened |
title | A title used for accessibility. Browsers typically create tooltips for the title's value |
type | Type of a link; for example, stylesheet |
width | Width of an element |
onblur | Event handler for losing focus |
onchange | Event handler for value changes |
onclick | Event handler for Mouse button clicked over the element |
ondblclick | Event handler for Mouse button double-clicked |
onfocus | Event handler for element received focus |
onkeydown | Event handler for Key pressed |
onkeypress | Event handler for Key pressed and released |
onkeyup | Event handler for Key released |
onmousedown | Event handler for Mouse button pressed |
onmousemove | Event handler for mouse moved |
onmouseout | Event handler for mouse left |
onmouseover | Event handler for mouse moved onto |
onmouseup | Event handler for mouse button released |
onreset | Event handler for form reset |
onselect | Event handler for Text selected |
The following code is from 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"> <h:body> <h:form> <h:link value="Login page" outcome="login" /> <br/> <h:link value="Login page + Param " outcome="login" > <f:param name="username" value="mkyong" /> </h:link> <br/> <h:link outcome="login" > <h:graphicImage library="images" name="myImage.png" /> </h:link> <br/> <h:commandLink value="Login page" /> <br/> <h:commandLink action="#{user.goLoginPage}" value="Login page" /> <br/> <h:commandLink action="#{user.goLoginPage}" value="Login page + Param "> <f:param name="username" value="mkyong" /> </h:commandLink> <br/> <h:commandLink action="#{user.goLoginPage}"> <h:graphicImage library="images" name="myImage.png" /> </h:commandLink> <br/> <h:outputLink>Login page</h:outputLink> <br/> <h:outputLink value="login.xhtml" >Login page</h:outputLink> <br/> <h:outputLink value="login.xhtml"> <h:outputText value="Login page" /> <f:param name="username" value="java2s.com" /> </h:outputLink> <br/> <h:outputLink value="login.xhtml"> <h:graphicImage library="images" name="myImage.png" /> </h:outputLink> </h:form> </h:body> </html>
The following code is from UserBean.java.
package com.java2s.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @ManagedBean(name="user") @SessionScoped public class UserBean{ public String goLoginPage(){ return "login"; } }
The following code is from 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>
Copy the generated WAR file from the target folder to Tomcat deployment folder and run Tomcat-Install-folder/bin/startup.bat.
After Tomcat finish starting, type the following URL in the browser address bar.
http://localhost:8080/simple-webapp/demo.xhtml