I have a table where on each row there is a check box, If that check box is clicked then the reset of the row is enabled for editing. If it is unchecked then the rest of the row is disabled. This works perfectly on FireFox but does not work on IE8.
In IE when I click on the check box it does not send anything to the server. It only sends some to the server on the second check box I click at whcih point I think it is sending the data for the first row. Very strange... Any ideas? I should also mention that this table is inside of a modal panel. Code below.
{code:xml}
<a4j:form>
<rich:dataTable id="notificationTable" value="#{bean.notifications}" var="notification" >
<!-- Header -->
<f:facet name="header">
<rich:columnGroup>
<rich:column rowspan="3">Col 1</rich:column>
<rich:column colspan="3">Col 2</rich:column>
<rich:column breakBefore="true">Col 3</rich:column>
<rich:column>Col 4</rich:column>
<rich:column>col 5</rich:column>
</rich:columnGroup>
</f:facet>
<!-- ENABLED BOOLEAN -->
<rich:column>
<h:selectBooleanCheckbox value="#{notification.enabled}">
<a4j:support event="onchange" reRender="notificationTable"/>
</h:selectBooleanCheckbox>
<h:outputText value="#{notification.name}"/>
</rich:column>
<rich:column style="text-align: center;">
<h:selectBooleanCheckbox id="alwaysOnCheckBox" value="#{notification.sendEmail}" disabled="#{!notification.enabled}">
<a4j:support event="onchange" reRender="notificationTable" />
</h:selectBooleanCheckbox>
</rich:column>
<rich:column> Some text </rich:column>
<rich:column>Some other text</rich:column>
</rich:dataTable>
</a4j:form>
{code}
