<a4j:support> is not working

[venu2008]

Hi

I am using <a4j:support> tag to rerender the dataTable...
But when i generate the event the whole page is rendering instaed of only panel Grid..

Here is the Code..

<a4j:region
rendered="true"
renderRegionOnly="true"
immediate="true">
<a4j:outputPanel id="output"
ajaxRendered="true"
rendered="true">
<h:commandButton
action="#{ecommHeaderBean.searchEcomm}"
type="submit"
styleClass="FormSubmit"
value="Search >>">
<a4j:support
event="onclick"
reRender="mypanel"></a4j:support>
</h:commandButton>
</a4j:outputPanel>
</a4j:region>

<a4j:region
rendered="true"
renderRegionOnly="true"
immediate="true">
<a4j:outputPanel
id="mypanel"
ajaxRendered="true">
<h:panelGroup>
<h:panelGroup>
<rich:dataTable
rendered="#{ecommHeaderBean.ecommRecordsExists}"
value="#{ecommHeaderBean.ecommSearchRecords}"
binding="#{ecommHeaderBean.dataTable}"
var="record"
rows="25"
id="ecommrecords"
headerClass="DataTableHeader"
rowClasses="BodyType"
width="100%"
onRowMouseOver="this.className='BodyType2'"
onRowMouseOut="this.className='BodyType'">
<rich:column>
<f:facet
name="header">
<h:outputText
styleClass="FrmItalType style1"
style="padding-left: 5px;color:white;"
value="LOB" />
</f:facet>
<h:outputText
value="#{record.lob}" />
</rich:column>

</rich:dataTable></h:panelGroup>
</a4j:outputPanel></a4j:region>

I like to render the datatable instead of whole page...

Am i missing any thing here..

Help me..

Thanks

Venu

[ralf.mueller]

As far as I can see you put almost everything inside a4j:outputpanel with ajaxRendered=true. This means that everything inside the panel is rerendered by an ajax request.
So you should just put the table inside this panel, or remove the first one.