RichFaces a4j:OutputPanel

by Online Tutorials Library July 14, 2022

RichFaces <a4j:outputPanel>

This component is used to group components together to update that as a whole rather than specify the components individually.

We can use the <a4j:outputPanel> component to wrap behaviors when using complex Ajax rendering. It is properly encoded to ensure the wrapped components are correctly rendered.

Example

Here, in the following example, we are implementing <a4j:outputPanel> component. This example contains the following files.

JSF File

// ajax-output-panel.xhtml

  <?xml version=’1.0′ encoding=’UTF-8′ ?>  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>  <ui:composition xmlns=”http://www.w3.org/1999/xhtml”  xmlns:h=”http://java.sun.com/jsf/html”  xmlns:f=”http://java.sun.com/jsf/core”  xmlns:ui=”http://java.sun.com/jsf/facelets”  xmlns:a4j=”http://richfaces.org/a4j”  xmlns:rich=”http://richfaces.org/rich”>  <f:view>  <h:head>  <title>Output Panel</title>  </h:head>  <h:body>  <h:form>  <h:outputText style=”font-weight: bold;” value=”Enter Text: “/>  <h:inputText label=”text2″ value=”#{user.name}”>  <a4j:ajax event=”keyup” render=”user-name”/>  </h:inputText>  </h:form><br/>  <a4j:outputPanel layout=”block” id=”user-name”>  <h:outputText  value=” #{user.name}”></h:outputText>  </a4j:outputPanel>  </h:body>  </f:view>  </ui:composition>  

Managed Bean

// User.java

  import javax.faces.bean.ManagedBean;  import javax.faces.bean.RequestScoped;  @ManagedBean  @RequestScoped  public class User {  String name;  public String getName() {  return name;  }  public void setName(String name) {  this.name = name;  }  }  

Output:

RichFaces A4j outputPanel 1

Next TopicSkinning And Theming

RichFaces a4j:OutputPanel

RichFaces <a4j:outputPanel>

Example

JSF File

Managed Bean

Verbal Reasoning | Assertion and Reason 1

Components of Robot

You may also like