1 Reply Latest reply on Sep 6, 2007 9:27 PM by jjr7

    a4j:support stops working after clicking on t:dataScroller?

    jjr7

      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>