a4j:support stops working after clicking on t:dataScroller?
I 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>