2 Replies Latest reply on Dec 27, 2010 6:22 AM by Boris Ruch

    datatable filter focus on first button in row with IE

    Boris Ruch Newbie

      I am using Richfaces 3.3.3 with mojarra 1.2 JSF running Java 1.6.

      In my datatable I'm using filters in the column header. After imput a value in the filter and pressing the enter key, the first button in the datatable is executed because the focus changes to the first action in the table.

       

      This happends only with IE(8.x), with FF(3.x) it works properly.

      Any idea?

       

      Many thanks for helping.

       

      <rich:datascroller 
                      id="dsPaymentTable" 
                      renderIfSinglePage="false"
                      for="paymentTable" 
                      page="#{paymentBean.currentPage}"
                      maxPages="20" ajaxSingle="false" /> 
                  <rich:hotKey key="pagedown"
                      handler="Event.fire(#{rich:element('dsPaymentTable')}, 'rich:datascroller:onscroll', {'page': 'next'}
                              );;return false;" />
                  <rich:hotKey key="pageup"
                      handler="Event.fire(#{rich:element('dsPaymentTable')}, 'rich:datascroller:onscroll', {'page': 'previous'}
                              );;return false;" />
                  <rich:hotKey key="end"
                      handler="Event.fire(#{rich:element('dsPaymentTable')}, 'rich:datascroller:onscroll', {'page': 'last'}
                              );;return false;" />
                  <rich:hotKey key="home"
                      handler="Event.fire(#{rich:element('dsPaymentTable')}, 'rich:datascroller:onscroll', {'page': 'first'}
                              );;return false;" />
                  <rich:dataTable id="paymentTable" rows="18"
                      reRender="dsPaymentTable" 
                      value="#{paymentBean.paymentList}" var="rowLevelBean"
                      binding="#{paymentController.paymentDataTable}" >
      
                      <rich:column>
                          <f:facet name="header">
                              <h:outputText value="#{mbCodes.details}" />
                          </f:facet>        
                          <a4j:commandButton id="detailButton"
                              image="../../images/symbols/loupe.gif"
                              actionListener="#{paymentController.selectPayment}"
                              reRender="detailTable" 
                              oncomplete="Richfaces.showModalPanel('paymentDetailPopup')">
                          </a4j:commandButton>
                      </rich:column>
                      
                      <rich:column
                          filterBy="#{rowLevelBean.orgMerchant.merchantShortname}"
                          filterValue="#{paymentBean.merchantRowFilter}"                
                          sortBy="#{rowLevelBean.orgMerchant.merchantShortname}" 
                          sortOrder="#{paymentBean.merchantSortOrder}" >
                          <f:facet name="header">
                              <h:outputText value="#{mbCodes.merchant}" />
                          </f:facet>
                          <h:outputText value="#{rowLevelBean.orgMerchant.merchantShortname}" />
                      </rich:column>          
      
      ....
      ....