RichFaces 4.0.1 render does not work in IE

[apostle]

Hello Dear Community,

I'm having troubles with the page rendering in IE. I'm trying to add an object to a list. I have a few components on a page and once I click an 'add' button I want the application create an object based on user input and show it in the dataTable. If I do it in FF everything works just fine. If I do it in IE an object is added successfully but no components are rerendered on the JSF page. If I use h:commandButton instead of a4j:commandButton entire page is reloaded and I can see that new object  is in the list. What do I do wrong? Please find a code below.

Any ideas would be gratefully appreciated.

<h:panelGroup id="cargo_locations_table_panel">

                    <rich:dataTable

                            value="#{tdController.esaDoutCUDTO.esaDoutCUGoodsShipment.esaDoutCUGoodsLocation}"

                            id="cargo_locations_table" var="cargoLocation"

                            rendered="#{tdController.cargoLocationSize > 0}">

                        <h:column>

                            <f:facet name="header">

                                <h:outputText value="#{msg['cargo.location.information.type']}"/>

                            </f:facet>

                            <h:outputText value="#{cargoLocation.informationTypeCode}"/>

                        </h:column>

                        <h:column>

                            <f:facet name="header">

                                <h:outputText value="#{msg['document.name']}"/>

                            </f:facet>

                            <h:outputText value="#{cargoLocation.goodsLocationWarehouse.prDocumentName}"/>

                        </h:column>

                        <h:column>

                            <f:facet name="header">

                                <h:outputText value="#{msg['document.number']}"/>

                            </f:facet>

                            <h:outputText value="#{cargoLocation.goodsLocationWarehouse.prDocumentNumber}"/>

                        </h:column>

                        <h:column>

                            <f:facet name="header">

                                <h:outputText value="#{msg['document.creation.date']}"/>

                            </f:facet>

                            <h:outputText value="#{cargoLocation.goodsLocationWarehouse.prDocumentDate}"/>

                        </h:column>

                        <h:column>

                            <f:facet name="header">

                                <h:outputText value="#{msg['type']}"/>

                            </f:facet>

                            <h:outputText

                                    value="#{msg[cargoLocation.goodsLocationWarehouse.documentModeCode.caption]}"/>

                        </h:column>

                        <h:column>

                            <f:facet name="header">

                                <h:outputText value="#{msg['action']}"/>

                            </f:facet>

                            <a4j:commandLink value="" render="cargo_locations_table"

                                             action="#{tdController.removeCargoLocation(1)}">

                                <h:graphicImage value="/resources/images/remove.gif"/>

                            </a4j:commandLink>

                        </h:column>

                    </rich:dataTable>

                </h:panelGroup>

                <rich:panel header="#{msg['cargo.location']}" id="cargo_location_panel">

                    <h:panelGrid columns="2" columnClasses="ifc20,ifc20">

                        <h:panelGroup>

                            <h:outputLabel for="cargo_location_info_type" value="#{msg['cargo.location.information.type']}"/>

                            <h:inputText id="cargo_location_info_type"

                                         value="#{tdController.informationTypeCode}"/>

                        </h:panelGroup>

                        <h:panelGroup>

                            <h:outputLabel for="cargo_location_document_name" value="#{msg['document.name']}"/>

                            <h:inputText id="cargo_location_document_name"

                                         value="#{tdController.goodsLocationWarehouse.prDocumentName}"

                                         style="font-weight:bold;"/>

                        </h:panelGroup>

                        <rich:message for="cargo_location_info_type" styleClass="err"/>

                        <rich:message for="cargo_location_document_name" styleClass="err"/>

                    </h:panelGrid>

                    <h:panelGrid columns="3" columnClasses="ifc20,ifc20,ifc20">

                        <h:panelGroup>

                            <h:outputLabel for="cargo_location_document_number" value="#{msg['document.number']}"/>

                            <h:inputText id="cargo_location_document_number"

                                         value="#{tdController.goodsLocationWarehouse.prDocumentNumber}"/>

                        </h:panelGroup>

                        <h:panelGroup>

                            <h:outputLabel for="cargo_location_creation_date" value="#{msg['document.creation.date']}"/>

                            <rich:calendar id="cargo_location_creation_date" enableManualInput="true" datePattern="#{tdController.datePattern}"

                                         value="#{tdController.goodsLocationWarehouse.prDocumentDate}"

                                         style="font-weight:bold;"/>

                        </h:panelGroup>

                        <h:panelGrid columns="3">

                            <h:outputLabel for="cargo_location_document_type" value="#{msg['type']}"/>

                            <h:selectOneRadio value="#{tdController.goodsLocationWarehouse.documentModeCode}"

                                              id="cargo_location_document_type"

                                    converter="com.enfasis.eced.user.converter.DocumentModeConverter">

                                    <f:selectItems value="#{tdController.documentModes}"/>

                            </h:selectOneRadio>

                        </h:panelGrid>

                        <rich:message for="cargo_location_document_number" styleClass="err"/>

                        <rich:message for="cargo_location_creation_date" styleClass="err"/>

                        <rich:message for="cargo_location_document_type" styleClass="err"/>

                    </h:panelGrid>

                     <h:panelGrid columns="1">

                         <a4j:commandButton  action="#{tdController.addCargoLocation}" value="+"  cargo_locations_table_panel,cargo_location_panel"

                                 execute="cargo_location_document_type,cargo_location_creation_date,cargo_location_document_number,cargo_location_info_type,cargo_location_document_name,@this"/>

                     </h:panelGrid>

                </rich:panel>

[apostle]

Actually it looks like render property is just ignored in all components on a page in IE. Is there any workaround?

[nbelaevski]

Hi Pavel,

There were some problems with ajax JavaScript in Mojarra & IE 9. Are you using it?

[apostle]

Hi Nick,

You are totally right. Thanks for your support. I use Mojarra and the problem in IE9. So, could you please tell me what are my options here?

[nbelaevski]

Either swtich to IE8 compatibility mode or upgrade to a later Mojarra version. Also you can try MyFaces.

[apostle]

Hi Nick,

thank you for the advice. Once I changed mojarra libs in glassfish, my page start working correctly in IE9.