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

Jeff Bischoff Fri, 29 Dec 2006 06:32:40 -0800

Kiran,

Try putting the entire set of datascrollers and the dataTable in onepanelGroup. Make sure the various scrollers have different id's. I willpaste some working code that I have for identical datascrollers aboveand 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 itschildren", 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:graphicImageurl="/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_Column,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" >