RichFaces - Open Source Rich JSF Components

Template Page

Initial wizard page(Page with EL bindings to state)

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

        <rich:panel id="panel">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="#{state.stateTitle}"/>
                <a4j:commandLink action="switch" value="#{state.link}" immediate="true" reRender="panel"/>
            </h:panelGroup>
        </f:facet>

        <rich:message for="action"/>

        <h:panelGrid columns="3">
            <h:outputText value="username" />
            <h:inputText value="#{state.bean.name}" id="name" required="true">
                <f:validateLength minimum="3" maximum="12"/>
            </h:inputText>
            <rich:message for="name" showSummary="false"/>
            <h:outputText value="password" />

            <h:inputSecret value="#{state.bean.password}" id="password" required="true">
                <f:validateLength minimum="5" maximum="12"/>
            </h:inputSecret>
            <rich:message for="password"/>
            <h:outputText value="confirm" rendered="#{state.showConfirm}" />

            <h:inputSecret value="#{state.bean.confirmPassword}"
                rendered="#{state.showConfirm}" id="confirm" required="true">
                <f:validateLength minimum="5" maximum="12"/>
            </h:inputSecret>
            <rich:message for="confirm"/>
        </h:panelGrid>
        <a4j:commandButton actionListener="#{state.action.listener}" action="#{state.action.ok}" value="#{state.okBtn}" id="action"/>
        </rich:panel>
</ui:composition>

<<Hide Source

Logged in page

Registered page

Config Bean(States definition)

package org.richfaces.demo.stateApi;

import javax.el.ExpressionFactory;
import javax.el.MethodExpression;
import javax.el.ValueExpression;
import javax.faces.context.FacesContext;

import org.richfaces.ui.model.States;

public class Config {

    public States getStates() {
        FacesContext facesContext = FacesContext.getCurrentInstance();
        States states = new States();

        // Registering new User State definition
        states.setCurrentState("register"); // Name of the new state

        // Text labels, properties and Labels for controls in "register" state
        states.put("showConfirm", Boolean.TRUE); // confirm field rendering
        states.put("link", "(To login)"); // Switch State link label
        states.put("okBtn", "Register"); // Login/Register button label
        states.put("stateTitle", "Register New User"); // Panel title

        ExpressionFactory expressionFactory = facesContext.getApplication()
                .getExpressionFactory();

        // Define "registerbean" available under "bean" EL binding on the page
        ValueExpression beanExpression = expressionFactory
                .createValueExpression(facesContext.getELContext(),
                        "#{registerbean}", Bean.class);
        states.put("bean", beanExpression);

        // Define "registeraction" available under "action" EL binding on the
        // page
        beanExpression = expressionFactory.createValueExpression(facesContext
                .getELContext(), "#{registeraction}", RegisterAction.class);
        states.put("action", beanExpression);

        // Define method expression inside registeraction binding for this state
        MethodExpression methodExpression = expressionFactory
                .createMethodExpression(facesContext.getELContext(),
                        "#{registeraction.ok}", String.class, new Class[] {});
        states.put("ok", methodExpression);

        // Outcome for switching to login state definition
        states.setNavigation("switch", "login");

        // Login Existent User State analogous definition
        states.setCurrentState("login");
        states.put("showConfirm", Boolean.FALSE);
        states.put("link", "(To register)");
        states.put("okBtn", "Login");
        states.put("stateTitle", "Login Existent User");

        beanExpression = expressionFactory.createValueExpression(facesContext
                .getELContext(), "#{loginbean}", Bean.class);
        states.put("bean", beanExpression);

        beanExpression = expressionFactory.createValueExpression(facesContext
                .getELContext(), "#{loginaction}", LoginAction.class);
        states.put("action", beanExpression);

        methodExpression = expressionFactory.createMethodExpression(
                facesContext.getELContext(), "#{loginaction.ok}", String.class,
                new Class[] {});
        states.put("ok", methodExpression);

        states.setNavigation("switch", "register");

        return states;
    }
}

<<Hide Source

Bean(Stores login/register info)

Loginaction.java

Registeraction.java

faces-config beans definitions