title: Re-render only a part of the panel
body: <p>This is a simplified version of my problem.</p>
  
  <pre><code>&lt;h:form id="form1"&gt;
    &lt;a4j:commandButton value="Ok" reRender="panel_1"/&gt;
  
    &lt;a4j:outputPanel id="panel_1" layout="block" style="height:100px;border:solid 1px;"&gt;
      Content here should be reRendered
  
      &lt;a4j:outputPanel id="panel_2" layout="block" style="height:50px;border:solid green;color:green;"&gt;
        Content here should not be reRendered  
      &lt;/a4j:outputPanel&gt;
  
    &lt;/a4j:outputPanel&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p>When user clicked the <code>&lt;a4j:commandButton&gt;</code>, the first <code>&lt;a4j:outputPanel&gt;</code> (panel_1) should be reRendered. But the content inside the second <code>&lt;a4j:outputPanel&gt;</code> should not be reRendered. <br/>Is this possible? (At least by changing the <code>&lt;a4j:outputPanel&gt;</code> to another component.)</p>