JSF facet Tag

This tag is used to add a facet to the component means this tag is used to add its child as a facet of the closest parent component.

JSF facet Tag

JSF facet Tag

        

This tag is used to add a facet to the component means this tag is used to add its child as a facet of the closest parent component. With the help of this tag we can add header and footer facet to the container component like panelGroup.

Code Description :

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<f:view>
<html>
<body>
<h:form>
<h:panelGrid columns="2" border="1" rules="rows" title="This is facet tag demo">
<f:facet name="header">
<h:outputText value="header facet"/>
</f:facet>
<h:outputText value="First Name"/>
<h:inputText/>
<h:outputText value="Last Name"/>
<h:inputText/>
<h:outputText value="Address"/>
<h:inputText/>
<h:commandButton value="submit"/>

<f:facet name="footer"> 
<h:outputText value="footer facet" />
</f:facet>
</h:panelGrid> 
</h:form>
</body>
</html>
</f:view>

Rendered Output :

Html Source Code :

<html>
<body>
<form id="_id0" method="post" action="/coretag/pages/facet.jsf" enctype="application/x-www-form-urlencoded">
<table border="1" rules="rows" title="This is facet tag demo">
<thead>
<tr><th colspan="2" scope="colgroup">header facet</th></tr>
</thead>

<tfoot>
<tr><td colspan="2">footer facet</td></tr>
</tfoot>
<tbody>
<tr>
<td>First Name</td>
<td><input type="text" name="_id0:_id4" /></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" name="_id0:_id6" /></td>
</tr>
<tr>
<td>Address</td>

<td><input type="text" name="_id0:_id8" /></td>
</tr>
<tr>
<td><input type="submit" name="_id0:_id9" value="submit" /></td>
</tr>
</tbody>
</table>

<input type="hidden" name="_id0" value="_id0" /></form>
</body>
</html>

This tag contains one attribute :

name : This is the required attribute and is used to set the name of the facet. "header" and "footer" values can be used for this attribute.