title: p:layoutUnit content not changing on p:tree node selection
body: <p>I am trying to update the content of PrimeFaces <code>&lt;p:layoutUnit&gt;</code> on <code>&lt;p:tree&gt;</code> node selection. However, when I select a node, the content does not change. When I refresh the page I see that the content is changed.</p>
  
  <p>How can I change the content without refreshing the whole page?</p>
  
  <p>My view code is:</p>
  
  <pre><code>&lt;h:body&gt;
      &lt;h:form id="form"&gt;
          &lt;p:layout fullPage="true"&gt;
              &lt;p:layoutUnit position="north" size="100"  resizable="false" closable="false" collapsible="false"&gt;
                  &lt;h:outputText value="Top" /&gt;
              &lt;/p:layoutUnit&gt;
              &lt;p:layoutUnit position="south" size="100" resizable="flase" closable="false" collapsible="false"&gt;
                  &lt;h:outputText value="Bottom" /&gt;
              &lt;/p:layoutUnit&gt;
              &lt;p:layoutUnit position="west" size="250" header="Tree" resizable="true" closable="flase" collapsible="true"&gt; 
                  &lt;p:tree id="tree"  value="#{treeBean.root}" selection="#{treeBean.selectedNode}"  var="node" selectionMode="single" dynamic="true"  cache="false" &gt;
                      &lt;p:ajax listener="#{treeBean.onNodeSelect}" update="test" event="select"/&gt;
                      &lt;p:treeNode&gt;
                          &lt;h:outputText value="#{node}"/&gt;
                      &lt;/p:treeNode&gt;
                  &lt;/p:tree&gt;
              &lt;/p:layoutUnit&gt;
              &lt;p:layoutUnit position="center" id="test"&gt;
                  &lt;ui:include src="${treeBean.selectedNode.name}.xhtml"/&gt;
              &lt;/p:layoutUnit&gt;
          &lt;/p:layout&gt;
      &lt;/h:form&gt;
  &lt;/h:body&gt;  
  </code></pre>