f:facet funtionality

What is the funtionality of <f:facet> ? I am not able to understand it.

I have seen some code as <blockquote>code:

</blockquote>

Does the "header" and "expand" have any special meaning?

<h:dataTable>
<h:column>
<f:facet name="header">
<h

utpuText value="bhaskar"/>
</f:facet>

Here value bhaskar will dispaly in header of the table.

Thanks Bhaskar,

So I guess name="header" has a significance.

Is there any link which provides all possible combinations that can be entered as name attribute of facet ?

sorry man

Hi Joshua,

the name part of facet can be anything. For example if you are writing a tree component, when you instantiate each Node, you pass in a string. For a node name, like if you were writing a tree component to represent a file system, you would have 2 different kinds of nodes, namely, directory, and file. So to show each Node differently you use the facet tag. <h:facet name="dir"... and <h:facet name="file"...

Have a look at some tree examples if this doesn't make sense, hopefully the examples do.

Hi Darryl,

I tried changing the name attribute of f:facet in the datatable and it did not work.

After some googling I found the below link:

http://www.jsftoolbox.com/documentation/help/12-TagReference/core/f_facet.html

So, perhaps it depends where f:facet are declared, as you rightly pointed out if it is used by tree nodes then the name does not matter but when used inside column may be it matters.

I also found the below code from a site

<blockquote>code:

<pre name="code" class="core">
<t:tree2 id="clientTree" value="#{treeBacker.treeData}" var="node" varNodeToggler="t">
<f:facet name="foo-folder">
<h:panelGroup>
<f:facet name="expand">
<t:graphicImage value="images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>
</f:facet>
<f:facet name="collapse">
<t:graphicImage value="images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>
</f:facet>
<h

utputText value="#{node.description}" styleClass="nodeFolder"/>
<h

utputText value=" (#{node.childCount})" styleClass="childCount" rendered="#{!empty node.children}"/>
</h:panelGroup>
</f:facet>
</t:tree2>
</pre>

</blockquote>

In the above case appropriate images are loaded depending on whether tree is expanded or collapsed, hence my guess is that "expand" and "collapse" are some reserve words while using facet inside tree.

Please let me know if I have misunderstood anything.

Regards,
Joshua

From the link posted in previous post:

The name attribute sets the name of the facet to be created. Some components have facets with predefined names, such as the "header" and "footer" facets of the component associated with the h:dataTable tag.

Regards,
Joshua