datascroller not working for dataGrid
Hi All,
I am new be to Richfaces and wants to use dataGrid to display data, but somehow datascroller is not working fine. I tried it with the car store example, somehow when i click on the page number or '>>' link nothing happens.
wonder if any one can help me to fix this issue.
thanks in advance.
following is my JSP
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<h2>Hello World!</h2
<f:view>
<rich:panel>
<f:facet name="header"> <h:outputText value="Car Store Header"></h:outputText></f:facet>
<h:form>
<rich:dataGrid id="carsGrid" value="#{carFacade.cars}" var="car" columns="5" elements="20" first="0" width="600px">
<rich:panel bodyClass="pbody">
<f:facet name="header">
<h:outputText value="#{car.carName}"/>
</f:facet>
<h:panelGrid columns="2">
<h:outputText value="Price:" styleClass="label"/>
<h:outputText value="#{car.carPrice}"/>
<h:outputText value="Mileage:" styleClass="label"/>
<h:outputText value="#{car.carId}"/>
<h:outputText value="Man Date:" styleClass="label"/>
<h:outputText value="#{car.dateTime}"/>
</h:panelGrid>
</rich:panel>
<f:facet name="footer"><rich:datascroller renderIfSinglePage="false"/></f:facet>
</rich:dataGrid>
</h:form>
</rich:panel>
</f:view>
</body>
</html>