JSF 2 Form Example

JSF-Thumbnail

Most of web applications run on a form submission, and JSF 2 applications are not exception. The <h:form/> is the component that’s responsible for allowing the <h:commandButton/> and <h:commandLink/> to submit the view back to the server. The content type that’s used for submission is by default application/x-www-form-urlencoded, once you’ve omitted providing the attribute enctype. Those values that […]

JSF 2 PanelGrid and PanelGroup Example

JSF-Thumbnail

The components <h:panelGrid/> & <h:panelGroup/> are mainly used as an alternative option for laying out the components into a certain form by generating the HTML markup for laying out components in rows and columns. At the other side, <h:panelGrid/> is often used in conjunction with <h:panelGroup/>, which groups two or more components so they are treated as one. […]

JSF 2 Button and Link Example

JSF-Thumbnail

By default, a JSF application makes a sequence of POST requests to the server each POST contains form data. This makes sense for application that collects user inputs. In the other hand many applications don’t work at this manner. Some other applications provide their users a simple browsing mechanism, in that no data from the […]

JSF 2 Body and Head Example

JSF-Thumbnail

When the web developers try to develop a web application using a JSF 2, no need for using HTML Tags such as <body/> and <head/> for determining the browser body and head respectively. JSF 2 provides both of them as a separate components inside its component kit. The <h:body/> component renders HTML body element, this enables […]

JSF 2 OutputLink Example

JSF-Thumbnail

Unlike <h:commandLink/> the <h:outputLink/> doesn’t generate JavaScript to make the link act like a submit button. The <h:outputLink/> component generates an HTML anchor element and its value attribute used for the anchor’s href attribute, and the contents of the <h:outputLink/> body are used to populate the body of the anchor element. The using of <h:outputLink/> component does has the following […]

JSF 2 CommandLink Example

JSF-Thumbnail

The h:commandLink component is an important one among those components that are provided by JSF. That component does render an HTML anchor tag <a href/>. JSF 2 does enhance the h:commandLink by allowing it to invoke an associated action by passing a parameters for it. The main attribute of the h:commandLink is an action attribute that accepts a method-binding expression for […]

JSF 2 CommandButton Example

JSF-Thumbnail

The h:commandButton component is an important one among those components that are provided by JSF. This component does render an HTML submit button that work as a simple <input type=”submit”/>. JSF 2 does enhance the h:commandButton by allowing the command to invoke an associated action by passing a parameters for it. The main attribute of the […]

JSF 2 InputSecret Example

JSF-Thumbnail

The h:inputSecret component is one of the most popular JSF Tags or components, it’s like h:inputText component with a one big difference in that it is hiding the text that’s typed within it. The main attribute of the h:inputSecret component is a value attribute that can be associated (binded) into a bean property. This tutorial will […]

JSF 2 Repeat Example

JSF-Thumbnail

The ui:repeat component is one of the most popular component that could be used as an alternative way for iterating the data. The using of h:dataTable may be tedious specifically when the user comes to worry about headers, footers, captions and styles. But if the developer was familiar with HTML tables and has a good knowledge , […]

JSF 2 DataTable Example

JSF-Thumbnail

The h:dataTable is one of the most important component that’s coming from the starting of JSF page. JSF 2 support the using of h:dataTable by means of iterating a list of data that’s filled inside a bean’s list to create an HTML table. The most important attribute at the h:dataTable is the value attribute that represents […]