RichFaces DataScroller Issue

[hithendra]

Hi Guys

I am a newbie to richfaces. We have large amount of data in grids which need to be paginated. So i have used Rich Datatable along with rich data scroller in my page.

But i am getting an error saying rich:datascroller tag is not avaliable. . Below is my code

<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"

          xmlns:fn="http://java.sun.com/jsp/jstl/functions">

<rich:dataTable id="carList" rows="7"

                                        value="#{test.historyAnalyticsList}" var="category">

                                         <f:facet name="header">

                                                    <rich:columnGroup>

                                                              <h:column>

                                                                        <h:outputText value="Run ID" />

                                                              </h:column>

                                                              <h:column>

                                                                        <h:outputText value="Status" />

                                                              </h:column>

                                                              <h:column>

                                                                        <h:outputText value="Start Time" />

                                                              </h:column>

       </rich:columnGroup>

                                          </f:facet>

                                          <h:column>

                                                    <h:outputText value="#{category.runID}" />

                                          </h:column>

                                        <h:column>

                                                    <h:outputText value="#{category.status}" />

                                         </h:column>

                                         <h:column>

                                                  <h:outputText value="#{category.startTimeStamp}" />

                                        </h:column>

                              </rich:dataTable>

                              <rich:datascroller id="sc2" for="carList" reRender="sc1" maxPages="7"

                                        page="#{test.scrollerPage}" />

But if i change the rich:datascroller to datascroller i am able to see the data but no pagination scroller at the end.

Can you please let me know whats wrong with my code. I am using Glassfish 3.0 with Richfaces 4.0

[sarocks]

Hi Hithendra,

Name changed from the old version of richfaces. Previously it was rich:datascroller but now it's rich:dataScroller

You can find an example from the showcase page.

[hithendra]

Saroj

Thanks for the reply. I was able to get it working now.

Do you know how can i get apply styling to data scroller. I am just seeing a number and a bunch of >>>>. The functionality is working fine but styling is little odd. Please let me know brief or point me to an article how to get the styling that looks like the demo one.

Thanks

[sarocks]

For styling you can see the component reference and add the style classes to youe css file.

(dataScroller reference)

And the other way is by inspecting the dataScroller element in browser!

I found the following css file used for styling in the demo page.

(http://richfaces-showcase.appspot.com/static-resources/blueSky/org.richfaces.css/datascroller.css)

I hope it will help you..

Saroj

[hithendra]

Thanks Saroj. I was able to make it work after adding the style sheet.

I have one last issue left in my table,

Right and Left arrows are not working. i.e. if click next or previous arrows in datascroller nothing is happening. I saw in the link you provided that i need to add some java script methods, do i need anything ?

Please let me know if i missed anything