Include sub-element inside JSF 2.0 component
This must be simple. I am trying to pass sub-element into a JSF component. I have my component de开发者_StackOverflowclared as:
<?xml version='1.0' encoding='UTF-8' ?>
<!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"
xmlns:composite="http://java.sun.com/jsf/composite">
<composite:interface>
</composite:interface>
<composite:implementation>
<div style="border: 1px solid black;">
<ui:insert />
</div>
</composite:implementation>
</html>
Then I use this in a page by:
<box:box>
<p>Hello world!</p>
</box:box>
Unfortunately, the box renders ok (the black border) but the "Hello world!" text is not included within it. I also tried more verbose syntax by using <ui:insert name="content">
and calling by <ui:define name="content">Hello World!</ui:define>
but it didn't work.
Where might I be making a mistake?
Ok I figured it out. You should use <composite:insertChildren />
instead as in:
<?xml version='1.0' encoding='UTF-8' ?>
<!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"
xmlns:composite="http://java.sun.com/jsf/composite">
<composite:interface>
</composite:interface>
<composite:implementation>
<div style="border: 1px solid black;">
<composite:insertChildren />
</div>
</composite:implementation>
</html>
This works.
You have to send the content as parameter:
<?xml version='1.0' encoding='UTF-8' ?>
<!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"
xmlns:composite="http://java.sun.com/jsf/composite">
<composite:interface>
<composite:attribute name="content"/>
</composite:interface>
<composite:implementation>
<div style="border: 1px solid black;">
<h:outputText value="#{cc.attrs.content}" escape="false"/>
</div>
</composite:implementation>
</html>
and in your code:
<box:box content="<p>Hello world!</p>" />
I added the escape="false"
since you are using HTML tags inside the EL expression.
Read more about composite elements in David Geary’s article
精彩评论