title: How to use p:ajax to update several components in order
body: <p>I'm trying to render the following JSF page:</p>
  
  <pre><code>&lt;h:form id="form" prependId="false"&gt;
      &lt;h:panelGrid width="100%"&gt;
          &lt;h:panelGroup id="tableDiv" layout="block"&gt;
              &lt;h:panelGroup layout="block" style="text-align: center;"&gt;
                  &lt;p:dataTable id="table" var="_item" 
                          value="#{primeBean.findTableModel()}"&gt;
                          ...
                  &lt;/p:dataTable&gt;
              &lt;/h:panelGroup&gt;
          &lt;/h:panelGroup&gt;
          &lt;h:panelGrid columns="2" width="100%"&gt;
              &lt;h:panelGroup id="barChartDiv" layout="block"&gt;
                  &lt;p:barChart id="barChart"
                      value="#{primeBean.findCartesianModel()}"&gt;
                      &lt;p:ajax event="itemSelect" listener="#{primeBean.handleItemSelect}"
                              update="pieChartDiv,tableDiv" /&gt;
                  &lt;/p:barChart&gt;
              &lt;/h:panelGroup&gt;
              &lt;h:panelGroup id="pieChartDiv" layout="block"&gt;
                  &lt;h:panelGroup layout="block"&gt;
                      &lt;p:pieChart id="pieChart"&gt;
                          &lt;p:ajax event="itemSelect" listener="#{primeBean.handleItemSelect}" 
                                  update="tableDiv" /&gt;
                      &lt;/p:pieChart&gt;
                  &lt;/h:panelGroup&gt;
              &lt;/h:panelGroup&gt;
          &lt;/h:panelGrid&gt;
      &lt;/h:panelGrid&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p>When I click in any bar on <code>p:barChart</code>, I expect that the components in the update attribute would be rendered in the order that I declare <code>(pieChartDiv,tableDiv)</code>, but they are rendered in reverse order <code>(tableDiv,pieChartDiv)</code>.</p>
  
  <p>Is this normal behavior? How can I update a component list in the order the items are declared?</p>