datascroller not working

[Chaitanya Kadaru <ka...@yahoo.com>]

Hi
I am following the example on this page
http://wiki.apache.org/myfaces/WorkingWithLargeTables

The first ten records show up but then when i click on
any other number or button it does not go anywhere.
there is a java script error and then i dont see
anything on the jboss console as well. I dont know how
to debug this or where i am going wrong? your help is
appreciated.

thanks
kc

This is the code in the jsp page.

 <t:dataTable id="datatable"
                var="renter"
                value="#{rc.dataModel}"
                preserveDataModel="false"
                rows="#{rc.rowsPerPage}"
           >
           <h:column>
               <f:facet name="header">
               <h:outputText value="Id" />
               </f:facet>
               <h:outputText value="#{renter.id}" />
           </h:column>

           <h:column>
               <f:facet name="header">
                  <h:outputText value="First Name" />
               </f:facet>
               <h:outputText value="#{renter.fname}"
/>
           </h:column>

           <h:column>
               <f:facet name="header">
                  <h:outputText value="Last Name" />
               </f:facet>
               <h:outputText value="#{renter.lname}"
/>
           </h:column>
        </t:dataTable>
          <h:panelGrid columns="1"
styleClass="scrollerTable2">
                  <t:dataScroller id="scroll_1"
                  for="datatable"
                    fastStep="10"
                    pageCountVar="pageCount"
                    pageIndexVar="pageIndex"
                    paginator="true"
                    paginatorMaxPages="9"
                    paginatorTableClass="paginator"
                   
paginatorActiveColumnStyle="font-weight:bold;"
                    immediate="true"
                   
actionListener="#{rc.scrollerAction}"
                    >
                <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="datatable"
                  rowsCountVar="rowsCount"
         displayedRowsCountVar="displayedRowsCountVar"
              firstRowIndexVar="firstRowIndex"
               lastRowIndexVar="lastRowIndex"
                  pageCountVar="pageCount"
                  pageIndexVar="pageIndex">
          <h:outputFormat value="row count {0}
displayed row count var{1}, first row {2}, last
row{3}, page index{4}, page count{5}"
styleClass="standard" >
              <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>