JSF/Facelets: why is it not a good idea to mix JSF/Facelets with HTML tags?

by

During the JSF 1.0/1.1 ages this was indeed “not a good idea”, because all the HTML was not automatically taken in the JSF component tree when using JSP as view technology. All plain HTML was eagerly by JSP rendered before the JSF component tree. E.g.

<p>Lorem ipsum <h:outputText value="#{bean.value1}"> dolor sit amet<p>
<p>Consectetur adipiscing <h:inputText value="#{bean.value2}" /> elit</p>

got rendered as

<p>Lorem ipsum dolor sit amet<p>
<p>Consectetur adipiscing elit</p>

value1
<input type="text" value="value2" />

To fix this you would need to bring <f:verbatim> in.

<f:verbatim><p>Lorem ipsum </f:verbatim><h:outputText value="#{bean.value1}"><f:verbatim> dolor sit amet<p></f:verbatim>
<f:verbatim><p>Consectetur adipiscing </f:verbatim><h:inputText value="#{bean.value2}" /><f:verbatim> elit</p></f:verbatim>

This was a real maintenance pain. This was one of the major reasons why JSF 1.0/1.1 was so hated.

Since JSF 1.2, with the new view handler, the <f:verbatim> was not necessary anymore. Developers can now breathe relieved. Moreover, the new view handler allowed JSF to use a different view technology than JSP and this way Facelets was born.

See also:

More Related Contents:

  1. How to include another XHTML in XHTML using JSF 2.0 Facelets?
  2. How to insert special characters like & and < into JSF components' value attribute?
  3. JSTL in JSF2 Facelets… makes sense?
  4. How to reference CSS / JS / image resource in Facelets template?
  5. How to ajax-refresh dynamic include content by navigation menu? (JSF SPA)
  6. Sometimes I see JSF URL is *.jsf, sometimes *.xhtml and sometimes /faces/*. Why?
  7. Why do I need to nest a component with rendered=”#{some}” in another component when I want to ajax-update it?
  8. How to send form input values and invoke a method in JSF bean
  9. How to create dynamic JSF form fields
  10. Error parsing XHTML: The content of elements must consist of well-formed character data or markup
  11. Obtaining Facelets templates/files from an external filesystem or database
  12. The entity name must immediately follow the ‘&’ in the entity reference
  13. When using templating, where should I declare the ?
  14. Outcommented Facelets code still invokes EL expressions like #{bean.action()} and causes javax.el.PropertyNotFoundException on #{bean.action}
  15. JavaServer Faces 2.2 and HTML5 support, why is XHTML still being used
  16. How can I set id of a component/tag inside ui:repeat
  17. How to create a custom Facelets tag?
  18. Avoiding duplicate ids when reusing facelets compositions in the same naming container
  19. How to implement a dynamic list with a JSF 2.0 Composite Component?
  20. @Inject to pass params to a CDI @Named bean via URL
  21. How to use Facelets composition with files from another context
  22. Java EE6> Packaging JSF facelets (xhtml) and ManagedBeans as JAR
  23. How to display my application’s errors in JSF?
  24. Why is the getter called so many times by the rendered attribute?
  25. Reset input fields without executing validation
  26. Why does @PostConstruct callback fire every time even though bean is @ViewScoped? JSF
  27. What is the real conceptual difference between ui:decorate and ui:include?
  28. Does it matter whether place f:event inside f:metadata or not?
  29. Facelets and JSTL (Converting a Date to a String for use in a field)
  30. Pass method argument/parameter to composite-component action attribute

Leave a Comment