RE: Problems with Datascroller on Top of Datatable with t:buffer

[kiran.gutta]

Thanks Jeff,

I am using PaginatedDateModle. Hence I was binding the scoller to the
Page bean. I had to bind 2 scrollers in page to 2 different scrollers in
the bean. After that using h:panelGroup is working like a charm.

Regards,
Kiran

-----Original Message-----
From: Jeff Bischoff [mailto:[EMAIL PROTECTED] 
Sent: Friday, December 29, 2006 8:02 PM
To: MyFaces Discussion
Subject: Re: Problems with Datascroller on Top of Datatable with
t:buffer

Kiran,

Try putting the entire set of datascrollers and the dataTable in one 
panelGroup. Make sure the various scrollers have different id's. I will 
paste some working code that I have for identical datascrollers above 
and below the dataTable.

See below.

Regards,

Jeff Bischoff
Kenneth L Kurz & Associates, Inc.



------------------------------------------

<h:panelGrid columns="1" align="center">
<h:panelGroup> <%-- Using this panelGroup forces it to "render its 
children", allowing scroller to come before table! --%>
        <h:panelGrid columns="1" styleClass="scrollerTable" 
columnClasses="standardTable_ColumnCentered" >
             <t:dataScroller id="scroll_1"
                     for="TheInvoiceReportDataTable"
                     fastStep="10"
                     pageCountVar="pageCount"
                     pageIndexVar="pageIndex"
                     styleClass="scroller"
                     paginator="true"
                     paginatorMaxPages="10"
                     paginatorTableClass="paginator"
                     paginatorActiveColumnStyle="font-weight:bold;"
                     >
                 <f:facet name="first" >
                     <t:graphicImage url="/pages/images/arrow-first.jpg"

border="0" />
                 </f:facet>
                 <f:facet name="last">
                     <t:graphicImage url="/pages/images/arrow-last.jpg" 
border="0" />
                 </f:facet>
                 <f:facet name="previous">
                     <t:graphicImage 
url="/pages/images/arrow-previous.jpg" border="0" />
                 </f:facet>
                 <f:facet name="next">
                     <t:graphicImage url="/pages/images/arrow-next.jpg" 
border="0" />
                 </f:facet>
                 <f:facet name="fastforward">
                     <t:graphicImage url="/pages/images/arrow-ff.jpg" 
border="0" />
                 </f:facet>
                 <f:facet name="fastrewind">
                     <t:graphicImage url="/pages/images/arrow-fr.jpg" 
border="0" />
                 </f:facet>
             </t:dataScroller>
        </h:panelGrid>
        <t:dataTable id="TheInvoiceReportDataTable"
                 styleClass="tableBorder"
                 headerClass="tableHeader"
                 rowClasses="oddRow,invoiceReportEvenRow"
                 rowStyleClass="#{tableData.selectedRowIndex == rowIndex

? 'highlightRow' : null}"
 
columnClasses="standardTable_Column,standardTable_Column,standardTable_C
olumn,rightCol,standardTable_Column,rightCol,rightCol,rightCol,rightCol,
centerCol"
                 value="#{tableData.records}"
                                var="data"
                 preserveDataModel="false"
                 rows="#{tableData.rowsPerPage}"
                 rowIndexVar="rowIndex"
                 first="#{tableData.rowIndex}"
        >
                <jsp:include page="InvoiceReportTableColumns.jsp" />
     </t:dataTable>
        <h:panelGrid columns="1" styleClass="scrollerTable" 
columnClasses="standardTable_ColumnCentered" >
             <t:dataScroller id="scroll_2"
                     for="TheInvoiceReportDataTable"
                     fastStep="10"
                     pageCountVar="pageCount"
                     pageIndexVar="pageIndex"
                     styleClass="scroller"
                     paginator="true"
                     paginatorMaxPages="10"
                     paginatorTableClass="paginator"
                     paginatorActiveColumnStyle="font-weight:bold;"
                     >
                 <f:facet name="first" >
                     <t:graphicImage url="/pages/images/arrow-first.jpg"

border="0" />
                 </f:facet>
                 <f:facet name="last">
                     <t:graphicImage url="/pages/images/arrow-last.jpg" 
border="0" />
                 </f:facet>
                 <f:facet name="previous">
                     <t:graphicImage 
url="/pages/images/arrow-previous.jpg" border="0" />
                 </f:facet>
                 <f:facet name="next">
                     <t:graphicImage url="/pages/images/arrow-next.jpg" 
border="0" />
                 </f:facet>
                 <f:facet name="fastforward">
                     <t:graphicImage url="/pages/images/arrow-ff.jpg" 
border="0" />
                 </f:facet>
                 <f:facet name="fastrewind">
                     <t:graphicImage url="/pages/images/arrow-fr.jpg" 
border="0" />
                 </f:facet>
             </t:dataScroller>
        </h:panelGrid>
</h:panelGroup>
</h:panelGrid>




The information contained in this electronic message and any attachments to 
this message are intended for the exclusive use of the addressee(s) and may 
contain proprietary, confidential or privileged information. If you are not the 
intended recipient, you should not disseminate, distribute or copy this e-mail. 
Please notify the sender immediately and destroy all copies of this message and 
any attachments. 

WARNING: Computer viruses can be transmitted via email. The recipient should 
check this email and any attachments for the presence of viruses. The company 
accepts no liability for any damage caused by any virus transmitted by this 
email.
 
www.wipro.com