Home Jsf Facelet component Tag



Facelet component Tag
Posted on: June 18, 2007 at 12:00 AM
Facelet component Tag is used to add a new component into the JSF component tree as children of UI component instance.

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.

Related Tags for Facelet component Tag:
ccomideuidifftreeinsertiocomponentsvicontentcomponentnewtagdifferenceinstancethisidpositionooapprootlikeshowifchildcompositionwithignorebehavioraviposldwssheilitfragmentlipeceinnoasstamntouttrsidsideososiosiosallpenicomehowppseeatkisinsertshallandrtrtsssrenthshoavstchiaphatfendonomonor


More Tutorials from this section

Ask Questions?    Discuss: Facelet component Tag   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.