Behind the Scenes: Rendering Pages

• All text that is not a JSF tag is simply passed through

• The JSF tags are converted to HTML by their renderers

• For example, the renderer for the UIInput component converts

       <h:inputText value="#{user.name}"/> 

  into

       <input type="text" name="unique ID" value="current value"/> 

  Framework looks up current value of user.name

• Framework generates unique IDs for HTML elements so that they can be associated with beans

• This process is called encoding

• Here is how JSF encodes index.jsp: index.faces