a4j:support stops working after clicking on t:dataScroller?
jjr7 Sep 6, 2007 7:07 PMI have a table component that uses the tomahawk datascroller for pagination and a selectOneMenu that determines how many records will be displayed in the table. It all works great in Firefox.
However, a strange thing happens in IE7. The selectOneMenu (using a4j:support) works - unless I click on the datascroller. Once I've done that, the menu will not work any more. Any ideas why this happens?
Here's the xhtml:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:a4j="https://ajax4jsf.dev.java.net/ajax" xmlns:t="http://myfaces.apache.org/tomahawk" xmlns:c="http://java.sun.com/jstl/core" xmlns:jdt="http://www.jenia.org/jsf/dataTools"> <ui:composition> <a4j:region id="tableRegion" selfRendered="true"> <a4j:log/> <t:dataTable var="item" value="#{value}" id="#{id}" width="#{width}" border="#{border}" cellpadding="#{cellpadding}" cellspacing="#{cellspacing}" binding="#{binding}" rows="#{backingBean.rowsPerPage}" rowClasses="#{rowClasses}" columnClasses="#{columnClasses}" headerClass="#{headerClass}"> <ui:insert/> </t:dataTable> <h:panelGrid columns="3" id="pagerGrid" align="center" width="100%"> <h:panelGroup style="align: left;"> <t:dataScroller id="pager1" for="#{id}" rowsCountVar="rowsCount" displayedRowsCountVar="displayedRowsCountVar" firstRowIndexVar="firstRowIndex" lastRowIndexVar="lastRowIndex" pageCountVar="pageCount" pageIndexVar="pageIndex" immediate="true"> <h:outputFormat value="Rows {0} to {1} of {2}" > <f:param value="#{firstRowIndex}" /> <f:param value="#{lastRowIndex}" /> <f:param value="#{rowsCount}" /> </h:outputFormat> </t:dataScroller> </h:panelGroup> <h:panelGroup style="align: center;"> <t:dataScroller id="pager2" for="#{id}" renderFacetsIfSinglePage="false" paginator="true" paginatorMaxPages="10" pageCountVar="pageCount" pageIndexVar="pageIndex" paginatorActiveColumnStyle="font-weight:bold;" paginatorRenderLinkForActive="false" immediate="true"> <f:facet name="first"> <t:graphicImage value="/images/first.gif" border="0"/> </f:facet> <f:facet name="previous"> <t:graphicImage value="/images/prev.gif" border="0"/> </f:facet> <f:facet name="next"> <t:graphicImage value="/images/next.gif" border="0"/> </f:facet> <f:facet name="last"> <t:graphicImage value="/images/last.gif" border="0"/> </f:facet> </t:dataScroller> </h:panelGroup> <h:panelGroup id="menuGroup" style="align: right;"> <h:outputLabel for="rowsPerPageMenu" value="Rows Per Page: "/> <t:selectOneMenu id="rowsPerPageMenu" forceId="true" value="#{backingBean.rowsPerPage}" size="1"> <f:selectItems value="#{backingBean.rowsPerPageList}"/> <a4j:support reRender="#{id},pagerGrid" event="onchange"/> </t:selectOneMenu> </h:panelGroup> </h:panelGrid> </a4j:region> </ui:composition> </html>