A4J:Support problem on IE8 with CheckBoxes and Radios inside
Actually i have a Rich:Table and i use a Check and a RadioButton on this...
For the check on the table i have...
<rich:column style="height: 22px"
rendered="#{batchOrderItemListView.renderCheckBoxColumn()}">
<f:facet name="header">#{messages['batch.detail.workmode.select']}</f:facet>
<h:selectBooleanCheckbox id="cbSelected"
value="#{_ioption.tempData.isSelected}"
disabled="#{batchOrderItemListView.editionInProgress or batchOrderItemListView.isCheckBoxDisabled(_ioption)}">
<a4j:support event="onchange"
oncomplete="Richfaces.showModalPanel('batchItemChooseModal');"
action="#{batchOrderItemListView.chooseHitListItemPrepare(_ioption)}"
reRender="batchItemChooseModal,formBatchDetailChoose"
ajaxSingle="true" />
</h:selectBooleanCheckbox>
</rich:column>For the Radio button i use:
<rich:column style="height: 22px"
rendered="#{batchOrderItemListView.renderRadioButtonRichColumn()}">
<f:facet name="header">#{messages['batch.detail.workmode.master']}</f:facet>
<input
id="cbMerge_#{_ioption.id}_#{_ioption.processItemClassType.intValue}"
type="radio" name="cbMerge"
onchange="setSelectedItem(#{_ioption.id},#{_ioption.processItemClassType.intValue},2);a4jSelectItem('#{_ioption.id}_#{_ioption.processItemClassType.intValue}_2');" />
<rich:jQuery
selector="#cbMerge_#{_ioption.id}_#{_ioption.processItemClassType.intValue}"
query="attr('checked','checked');"
rendered="#{_ioption.isMergeMaster}" />
<rich:jQuery
selector="#cbMerge_#{_ioption.id}_#{_ioption.processItemClassType.intValue}"
query="attr('disabled','disabled');"
rendered="#{batchOrderItemListView.editionInProgress}" />
</rich:column>And the scripts are declared on the top of my XHTML page like this:
<s:remote include="batchOrderItemListView" />
<script type="text/javascript">
/*<![CDATA[*/
function selObjectCallBack(result){
reRenderDialog();
}
function setSelectedItem(itemId,itemType,eventType){
Seam.Remoting.getContext().setConversationId( #{conversation.id} );
Seam.Remoting.displayLoadingMessage = function() {};
Seam.Remoting.hideLoadingMessage = function() {};
Seam.Component.getInstance("batchOrderItemListView").setSelectedItemAndEvent(itemId,itemType,eventType,selObjectCallBack);
//bacthOrderItemList.seamComponent
}
/*var _itemId = 0;
var _itemClassType = 0;
var _itemEventType = 0;*/
/*]]>*/
</script>
<a4j:form>
<a4j:jsFunction action="#{batchOrderItemListView.nullMethod()}"
name="a4jSelectItem" reRender="batchItemChooseModal"
ajaxSingle="true"
oncomplete="Richfaces.showModalPanel('batchItemChooseModal');">
<a4j:actionparam name="param1"
assignTo="#{batchOrderItemListView.itemId}" noEscape="false" />
</a4j:jsFunction>
</a4j:form>What exactly happen to me on IE8 is that when i click on the check on IE8 a ModalDialog should be show... but when i click to other check in the list of the table in that moment, the modal is show but associated to the values of the last clicked check. (The same happens with the radios)... And only in IE8, because on Firefox and Chrome is working ok..