Facelet component Tag

This tag is used to add a new component into the JSF
component tree as children of UI component instance. This tag shows its behavior
like composition tag. The difference is that the component tag inserts a new
UIcomponent instance in the component tree and this instance is the root of all
its child components or fragments. The content outside of the tag is ignored as
it happens with composition tag.
Code Description :
comptemplate.xhtml :
<!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:ui="http://java.sun.com/jsf/facelets">
<head>
<title>facelet example </title>
</head>
<body>
Content above component tag will not be rendered.
<ui:component >
<h2>This is the content to be included in the page.</h2>
</ui:component >
Content below component tag will not be rendered.
</body>
</html>
|
Rendered Output :

Html Source Code :
| <h2>This is the content to be included in the page.</h2> |
This tag contains two attributes :
id : This attribute assigns unique
identity to the component. Its not a required attribute. So if you don't
give id then facelet provides it automatically.
binding : This attribute is used to bind the component to the
backing bean property.

|