a4j:support – Simple Example on onkeyup event

a4j:support

This example program demonstrates how to get started with a4j:support tag in the
RiachFaces tag libraray. This is part of Ajax4jsf libraray. But, from RiachFaces 3.0, Ajax4jsf is merged with RichFaces tag libraray. a4j:support is used inside any component to provide ajax support on that particular field.

also read:

In our example a4j:support allows user developer to directly map a text filed and one output filed. When user types in, the typed characters are displayed same time on the output field. This is done using the Ajax call to the server.

richfaces.jsp

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<html>
    <body>
        <f:view>
            <h:form id="jbForm1">
                <h:inputText value="#{richBean.name}">
                    <a4j:support event="onkeyup" reRender="output"/>
                </h:inputText>
            </h:form>
            <h:outputText id="output" style="font-weight:bold" value="Typed Name: #{richBean.name}" />
        </f:view>
    </body>
</html>

JavaBeatRichfacesBean.java

package javabeat.net.richfaces;

public class JavaBeatRichfacesBean {
    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

}

faces-config.xml

<?xml version='1.0' encoding='UTF-8'?>
<faces-config version="1.2"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd">
    <managed-bean>
        <managed-bean-name>richBean</managed-bean-name>
        <managed-bean-class>javabeat.net.richfaces.JavaBeatRichfacesBean</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
</faces-config>

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>