reRender on click of RadioButton shows Blank Page

[mail2bansi]

I am unable to reRender the values on the click of RadioButton . It shows blank page
Here is the code snippet

 <div style="overflow:auto; width:85%; height:125px">

 <h:dataTable id="deviceDetailTable" styleClass="list" rowClasses="odd,even"
 value="#{updateDeviceBean.tableRows}" var="vartableRow"
 >

 <h:column id="column1">
 <a4j:region>
 <t:selectOneRadio id="interfaceId" value="#{updateDeviceBean.deviceInterface.id}" >

 <f:selectItem itemLabel="" itemValue="#{vartableRow.id}" />
 <a4j:support action="#{updateDeviceBean.loadDeviceInterfaceDetails}" event="onclick" reRender="interfacePanel" />
 </t:selectOneRadio>
 <h:message for="interfaceId" />
 </a4j:region>
 </h:column>


<h:column/>
<h:column/>
</h:dataTable>

 </div>




<a4j:outputPanel id="interfacePanel" >
 <h:panelGrid columns="3" styleClass="detail" columnClasses="label">

 <h:outputLabel><h:outputText value="MAC" /> </h:outputLabel>
 <h:inputText id="mac" value="#{updateDeviceBean.deviceInterface.mac}" />
 <h:message for="mac" />


 <h:outputLabel> <h:outputText value="Status" /> </h:outputLabel>
 <h:selectOneMenu id="status" value="#{updateDeviceBean.interfaceStatus}" >
 <f:selectItem itemLabel="" itemValue="" />
 <f:selectItems value="#{updateDeviceBean.interfaceStatusList}" />
 </h:selectOneMenu>
 <h:message for="status" />
 </h:panelGrid>
 </a4j:outputPanel>

Any pointers/suggestions will be highly appreciated

[sergeysmirnov]

1. due to the specific of h:dataTable, a4j:region can NOT be used inside the h:column. Use ajaxSingle attribute instead.

2. surround < h:message > with < a4j:outputPanel ajaxRendered="true" > . Otherwise, you cannot see the error message after ajax response.

3. that the action of the a4j:support returns? It must return null for ajax response.