RichFaces <rich:dataScroller>

This component is used for navigate through multiple pages of tables. It must be places in a facet of the table. We can also use the for attribute ro bind parent tables to the scroller. It is required to specify the limit of number of rows per page.

Style classes and skin parameters

The following table contains the Style classes and corresponding skin parameters for the dataScroller.

Class	Function	Skin Parameters	Mapped CSS properties
.rf-ds	It is used to define styles for the data scroller.	generalFamilyFont generalSizeFont	font-family font-size
.rf-ds-btn	It is used to define styles for buttons in the data scroller.	generalFamilyFont generalSizeFont	font-family font-size
.rf-ds-btn-first	It is used to define styles for the first button.	No skin parameters.
.rf-ds-btn-fastrwd	It is used to define styles for the fast rewind button.	No skin parameters.
.rf-ds-btn-prev	It is used to define styles for the previous button.	No skin parameters.
.rf-ds-btn-next	It is used to define styles for the next button.	No skin parameters.
.rf-ds-btn-fastfwd	It is used to define styles for the fast forward button.	No skin parameters.
.rf-ds-btn-last	It is used to define styles for the last button.	No skin parameters.
.rf-ds-nmb-btn	It is used to define styles for page number buttons in the data scroller.	generalTextColor generalFamilyFont	color font-family
.rf-ds-press	It is used to define styles for a data scroller when a control is pressed.	tableBorderColor tableBackgroundColor	border-color background
.rf-ds-act	It is used to define styles for an active data scroller.	tableBorderColor	color
.rf-ds-dis	It is used to define styles for a disabled data scroller.	tableBorderColor	color

Example

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

JSF File

// data-scroller.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>Scrollable Data Table</title>  </h:head>  <h:body>  <h:form>  <rich:dataTable value=”#{studentRecord.records}” var=”student” rows=”2″ id=”student-table”>  <f:facet name=”header”>  <h:outputText value=”Student Records” />  </f:facet>  <rich:column>  <f:facet name=”header”>Student ID</f:facet>  <h:outputText value=”#{student.id}”/>  </rich:column>  <rich:column>  <f:facet name=”header”>Student Name</f:facet>  <h:outputText value=”#{student.name}”/>  </rich:column>  <rich:column >  <f:facet name=”header”>Student Email</f:facet>  <h:outputText value=”#{student.email}”/>  </rich:column>  <rich:column>  <f:facet name=”header”>Student Contact</f:facet>  <h:outputText value=”#{student.contactNumber}”/>  </rich:column>  </rich:dataTable>  <rich:dataScroller for=”student-table” maxPages=”5″>  <f:facet name=”first”>  <h:outputText value=”First” />  </f:facet>  <f:facet name=”last”>  <h:outputText value=”Last” />  </f:facet>  </rich:dataScroller>  </h:form>  </h:body>  </f:view>  </ui:composition>  

Managed Bean

// StudentRecord.java

  import java.util.ArrayList;  import java.util.List;  import javax.faces.bean.ManagedBean;  import javax.faces.bean.RequestScoped;  @ManagedBean  @RequestScoped  public class StudentRecord {  String id;  String name;  String email;  String contactNumber;  List<StudentRecord> records;  public StudentRecord(){}  public StudentRecord(String id, String name, String email, String contactNumber) {  this.id = id;  this.name = name;  this.email = email;  this.contactNumber = contactNumber;  }  public String getId() {  return id;  }  public void setId(String id) {  this.id = id;  }  public String getName() {  return name;  }  public void setName(String name) {  this.name = name;  }  public String getEmail() {  return email;  }  public void setEmail(String email) {  this.email = email;  }  public String getContactNumber() {  return contactNumber;  }  public void setContactNumber(String contactNumber) {  this.contactNumber = contactNumber;  }  public List<StudentRecord> getRecords() {  records = new ArrayList<>();  records.add(new StudentRecord(“101”, “Raju”, “raju@abc.com”, “52534252”));  records.add(new StudentRecord(“102”, “Rama”, “rama@abc.com”, “52235252”));  records.add(new StudentRecord(“103”, “John”, “john@abc.com”, “52456252”));  records.add(new StudentRecord(“104”, “Peter”, “peter@abc.com”, “55625252”));  return records;  }  public void setRecords(List<StudentRecord> records) {  this.records = records;  }  public int getNumberOfRecords(){  return this.records.size();  }  }  

Output:

After scrolling to next, it shows other records as well.

Next TopicRichFaces <rich:tree>

RichFaces Rich:Datascroller

RichFaces <rich:dataScroller>

Style classes and skin parameters

Example

JSF File

Managed Bean

Verbal Reasoning | Assertion and Reason 1

Components of Robot

You may also like