0 Replies Latest reply on Sep 23, 2011 5:30 AM by Gab Aldian

    RF3: Ajax doesn't work with IE in certain conditions

    Gab Aldian Newbie

      Hello all

       

      I am experimenting quite a problem with Ajax: it works perfectly well in Firefox, but in IE, all ajax request cause a total refresh of the page in a new conversation, which is kind of problematic, since even table filters won't work.

       

      I made a test with the table filtering example from the live demo, and it works perfectly. Then I tried a vey simple example on my side, with the folowing code, and it doesn't work:

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <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="http://richfaces.org/a4j"
            xmlns:rich="http://richfaces.org/rich">
      
      <head></head>
      <body>
         <h:form>
            <rich:dataTable value="#{sampleBean.list}"
               var="cap" rows="20" id="simpletable">
               <f:facet name="header">
                  <rich:columnGroup>
                     <rich:column colspan="2">
                        <h:outputText value="Filtering Example" />
                     </rich:column>
                     <rich:column breakBefore="true">
                        <h:outputText value="State Name" />
                     </rich:column>
                     <rich:column>
                        <h:outputText value="State Capital" />
                     </rich:column>
                  </rich:columnGroup>
               </f:facet>
               <rich:column filterBy="#{cap.name}"
                  filterEvent="onkeyup">
                  <h:outputText value="#{cap.name}" />
               </rich:column>
               <rich:column filterBy="#{cap.tot}" filterEvent="onkeyup">
                  <h:outputText value="#{cap.tot}" />
               </rich:column>
            </rich:dataTable>
            <a4j:log level="ALL" popup="true" width="400" height="200"/>
         </h:form>
      </body>
      </html>
      

       

      I tried a lot of things. For example, if I use the eclipse monitor, there is no problem. So I assume that for some reason, there is something which is lacking in the Ajax request coming from my application, making IE not understanding this is ajax, and leading to a total refresh of the page.

       

      Has anyone already had a similar problem, and have you any idea on how to solve it?