2 Replies Latest reply on Apr 29, 2008 12:03 PM by Peter Maedel

    Multiple DataScrollers for one h:datatable

    Peter Maedel Newbie

      Actually a simple Task: I want the DataScroller to appear on top and bottom of the datatable.

      Im tryin to get this working for quite a spell, having tried a lot of possiblities to sync the two datascrollers (bindings...) or at least get them both working but i ve been not successful at all...

      so is there anyone around who implemented a second datascroller for a datatable and can tell me how to?

        • 1. Re: Multiple DataScrollers for one h:datatable
          Ilya Shaikovsky Master

           

          <h:form>
           <rich:datascroller align="left" for="carList" maxPages="20"
           page="#{dataTableScrollerBean.scrollerPage}" reRender="sc2" id="sc1" />
           <rich:spacer height="30" />
           <rich:dataTable width="483" id="carList" rows="10" columnClasses="col"
           value="#{dataTableScrollerBean.allCars}" var="category">
           <f:facet name="header">
           <rich:columnGroup>
           <h:column>
           <h:outputText styleClass="headerText" value="Make" />
           </h:column>
           <h:column>
           <h:outputText styleClass="headerText" value="Model" />
           </h:column>
           <h:column>
           <h:outputText styleClass="headerText" value="Price" />
           </h:column>
           <h:column>
           <h:outputText styleClass="headerText" value="Mileage" />
           </h:column>
           </rich:columnGroup>
           </f:facet>
          
           <h:column>
           <h:outputText value="#{category.make}" />
           </h:column>
           <h:column>
           <h:outputText value="#{category.model}" />
           </h:column>
           <h:column>
           <h:outputText value="#{category.price}" />
           </h:column>
           <h:column>
           <h:outputText value="#{category.mileage}" />
           </h:column>
          
          
          
           </rich:dataTable>
           <rich:datascroller align="left" for="carList" maxPages="20"
           page="#{dataTableScrollerBean.scrollerPage}" id="sc2" reRender="sc1" />
           </h:form>
          


          works just as you need.
          page="#{dataTableScrollerBean.scrollerPage}"
          - int property.

          will be commited to rich faces demosite.