h:button

HtmlOutcomeTargetButton is a UIOutput component that renders a styleable HTML <input> element. The default type is button. The component does not need to be a child of h:form since the outcome attribute is designed to navigate via HTTP GET.

Navigation Usage

The component can be used to navigate between pages with the outcome attribute. Setting includeViewParams=true will automatically include all of the f:viewParam tags (view parameters) as URL parameters. 
foo=

Source Code

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

	<!-- Navigation based on outcome of navigation-case defined in navigation-rule.xml -->
	<h:button includeViewParams="true" outcome="toParam" value="#{i18n['to-param-page']} >" />
	<h:outputText id="parameterValue" value="foo=#{facesContext.externalContext.requestParameterMap['foo']}" />

</ui:composition>
<?xml version="1.0"?>

<faces-config xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.2" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd">
	<navigation-rule>
		<from-view-id>/views/component.xhtml</from-view-id>
		<navigation-case>
			<from-outcome>toParam</from-outcome>
			<to-view-id>/views/component.xhtml</to-view-id>
			<redirect>
				<view-param>
					<name>componentPrefix</name>
					<value>#{showcaseModelBean.selectedComponent.prefix}</value>
				</view-param>
				<view-param>
					<name>componentName</name>
					<value>#{showcaseModelBean.selectedComponent.lowerCaseName}</value>
				</view-param>
				<view-param>
					<name>componentUseCase</name>
					<value>param</value>
				</view-param>
			</redirect>
		</navigation-case>
	</navigation-rule>
</faces-config>
Liferay Faces Bridge Implementation 5.0.0 + Showcase Common 3.1.1 + Liferay Faces Util 3.4.1 + Mojarra 2.2.20