DataScroller (Tomahawk)

Question

I am trying to get the dataScroller to work for our paging, but it doesn't seem to be working. it shows me pages 1-5 and a Next link, and I can click on the Next link, or a page, and it takes me to the correct page, but then from there, no matter what I click on, it takes me back to page 1. I notice the links the first time have request parameters appended to them, but then on the resulting page, they don't, and that's when I go back to page 1. Below is a code snippet:
<h:dataTable id="searchResultsDataTable" width="100%" cellspacing="0"
     footerClass="pager" headerClass="pager"
     cellpadding="0" value="#{SearchDetails.searchResultModel}" var="searchData"
     rows="5">
     <h:column>
          <c:choose>               
               <c:when test="${category == 'test'}">
                    <f:verbatim >
                         <![CDATA[<p class="SearchResultText" >]]>
                    </f:verbatim>
                    <h:outputLink id="drugstoreDataUrlId" value="#{searchData.url}" title="#{searchData.title}">
                         <h:outputText id="drugstoreDataTitleId" value="#{searchData.title}" escape="false"></h:outputText>
                    </h:outputLink>
                    <f:verbatim>
                         <![CDATA[<br />]]>
                    </f:verbatim>
                         <h:outputText id="drugstoreDataBodyId" value="#{searchData.body}" escape="false"></h:outputText>
                    <f:verbatim>
                         <![CDATA[</p>]]>
                    </f:verbatim>
               </c:when>
          </c:choose>
     </h:column>
     <f:facet name="footer">
          <hx:panelBox styleClass="panelBox" id="box1"
               rendered="#{SearchDetails.searchResultModel != null}">
               <hx:jspPanel>
                    <p>
                         <t:dataScroller for="searchResultsDataTable" paginator="true" fastStep="5"
                              styleClass="pager"
                              paginatorColumnClass="pager" paginatorTableClass="pager"
                              paginatorMaxPages="5"     paginatorActiveColumnClass="currentPage"
                              pageCountVar="count" pageIndexVar="index" renderFacetsIfSinglePage="false">
                              <f:facet name="previous">
                                   <h:outputText value="Previous" rendered="#{index > 3 && count >= 5}" />
                              </f:facet>
                              <f:facet name="next">
                                   <h:outputText value="Next" rendered="#{index < count && count >= 5}" />
                              </f:facet>
                         </t:dataScroller>
                    </p>
               </hx:jspPanel>
          </hx:panelBox>
     </f:facet>
</h:dataTable>I figured out why there are request parameters appended, because when you first come to this result page, the link is an h:outputlink, which shouldn't make a difference (I don't think).
Could someone help me get this working?
Thanks!!!
Edited by: jrthor2 on Oct 7, 2008 3:37 PM

Answer 1

Hi,
Here is the dataScroller format that is perfectly working for my application. In the below code you will notice
"<h:outputFormat value="#{label['dataScrollerEmployee_pages']}" styleClass="label" >" . Please define the "dataScrollerEmployee_pages" in a property file with the format as:
dataScrollerEmployee_pages = {0} Employees found, displaying {1} Employees, from {2} to {3}. Page {4} / {5}
<t:buffer into="#{tableScroller}">
<h:panelGrid columns="1" styleClass="scrollerTable2" columnClasses="standardTable_ColumnCentered" >
<t:dataScroller id="scroll_1"
for="data"
fastStep="2"
pageCountVar="pageCount"
pageIndexVar="pageIndex"
styleClass="scroller"
paginator="true"
paginatorMaxPages="9"
paginatorTableClass="paginator"
paginatorActiveColumnStyle="font-weight:bold;">
<f:facet name="first" >
<t:graphicImage url="images/arrow-first.gif" border="1" />
</f:facet>
<f:facet name="last">
<t:graphicImage url="images/arrow-last.gif" border="1" />
</f:facet>
<f:facet name="previous">
<t:graphicImage url="images/arrow-previous.gif" border="1" />
</f:facet>
<f:facet name="next">
<t:graphicImage url="images/arrow-next.gif" border="1" />
</f:facet>
<f:facet name="fastforward">
<t:graphicImage url="images/arrow-ff.gif" border="1" />
</f:facet>
<f:facet name="fastrewind">
<t:graphicImage url="images/arrow-fr.gif" border="1" />
</f:facet>
</t:dataScroller>
<t:dataScroller id="scroll_2"
for="data"
rowsCountVar="rowsCount"
displayedRowsCountVar="displayedRowsCountVar"
firstRowIndexVar="firstRowIndex"
lastRowIndexVar="lastRowIndex"
pageCountVar="pageCount"
pageIndexVar="pageIndex" >
<h:outputFormat value="#{label['dataScrollerEmployee_pages']}" styleClass="label" >
<f:param value="#{rowsCount}" />
<f:param value="#{displayedRowsCountVar}" />
<f:param value="#{firstRowIndex}" />
<f:param value="#{lastRowIndex}" />
<f:param value="#{pageIndex}" />
<f:param value="#{pageCount}" />
</h:outputFormat>
</t:dataScroller>
</h:panelGrid>
</t:buffer>
<h:outputText value="#{tableScroller}" escape="false"/>