JSF Global Navigation Example

This is a part of navigation in which one page is navigated to others. This section gives you something about the JSF Global navigation which makes the direct navigation between two or more pages. There is an example of Global Navigation in JSF has been implemented with the complete downloadable solutions like the example code and the illustration about the procedure of deployment of example. This type of the navigation navigate directly to the other sources which have to mentioned as it is.

Here, you will find the code of the example and can get more about the global navigation in the JSF application in very efficient manner. This type of navigation does not works like an anchor tag () of HTML (Hyper Text Markup Language). This type of navigation is shown by implementing the example in this section. There is the page that has to be referred in the example has been mentioned in the faces-config.xml file that is is handled by the action of the command button of the form from the page. You can see that the module of the code which is written in the faces-config.xml file that is like as follows:

	<navigation-rule>

		<from-view-id>*from-view-id>

		<navigation-case>

			<from-outcome>secondpagefrom-outcome>

			<to-view-id>/secondpage.jspto-view-id>

		navigation-case>

	navigation-rule>

Above code makes the navigation rule in which the page and the action is mentioned. As you can see the value of the is the "*" and the value of the tage is "secondpage" which is the action of the command button and referred page is mentioned as the value of the tag that mean the secondpage.jsp page can be referred on the occurring of the action "secondpage" from any page involved in the application which is determined by the "*" value.

There is an example has been given in this section for illustrating the topic more conveniently. This example shows command button labeled with the text "Go to second page". When you will click on the button pages is referred to an another page. This application uses some files for completion the application as given as below:

• firstpage.jsp
• secondpage.jsp

Program Output as follows:

When you will click on the command button component it will show the output as follows:

Code for the firstpage.jsp file:

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <f:view> This is the first page. <h:form> <h:commandButton value="Go to second page" action="secondpage" /> h:form> f:view>

Code for the secondpage.jsp file:

This page is navigated by the firstpage.jsp that has been mentioned in the faces-config.xml file.

Code for the faces-config.xml file:

version="1.0" encoding="UTF-8"?> faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN" "http://java.sun.com/dtd/web-facesconfig_1_0.dtd"> <faces-config> <navigation-rule> <from-view-id>*from-view-id> <navigation-case> <from-outcome>secondpagefrom-outcome> <to-view-id>/secondpage.jspto-view-id> navigation-case> navigation-rule> faces-config>

Code for the web.xml file:

version="1.0"?> web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> <web-app> <context-param> <param-name>javax.faces.STATE_SAVING_METHODparam-name> <param-value>serverparam-value> context-param> <servlet> <servlet-name>Faces Servletservlet-name> <servlet-class>javax.faces.webapp.FacesServletservlet-class> <load-on-startup> 1 load-on-startup> servlet> <servlet-mapping> <servlet-name>Faces Servletservlet-name> <url-pattern>*.jsfurl-pattern> servlet-mapping> web-app>

Download This Complete Example.