title: primefaces update panel from p:autoComplete
body: <p>I have the p;autocomplete tag as below which populates list of contacts</p>
  
  <pre><code>&lt;h:form id="relationshipsForm"&gt;
  //code
      &lt;p:autoComplete id="contactAutoComplete"
                                  rendered="#{relationshipController.relationshipsName=='Contact'}"
                                  value="#{relationshipController.contactKeyWord}"
                                  completeMethod="#{contactRelationshipController.completeContacts}"
                                  var="contact" itemLabel="#{contact.fullName}"
                                  itemValue="#{contact}" converter="#{contactConverter}"
                                  forceSelection="true" size="35" scrollHeight="200"
                                  panelStyle="width:10px;"&gt;
                                  &lt;p:ajax event="itemSelect" update="relationshipsForm,graphViewPanel" /&gt;
                              &lt;/p:autoComplete&gt; 
  </code></pre>
  
  <p>On selecting the contact it should ajaxically update the below tab view</p>
  
  <pre><code>&lt;p:outputPanel id="graphViewPanel"&gt;
                  &lt;h:inputHidden id="orgViewUnMappedJSonDataList"
                      value="${relationshipController.getOrgViewUnMappedJSonData()}" /&gt;
                  &lt;h:inputHidden id="orgViewMappedJSonDataList"
                      value="${relationshipController.getOrgViewMappedJSonData()}" /&gt;
  
      &lt;p:tabView scrollable="true" id="tabView" dynamic="true" cache="true"&gt;
                      &lt;p:tab id="orgViewTab" title="Org View"&gt;
                          &lt;h:outputScript library="js" name="go.js" /&gt;
                          &lt;h:outputScript library="js" name="gojs_org_view.js" /&gt;
                          &lt;h:outputStylesheet library="css" name="gojs_org_view.css" /&gt;
                      &lt;/p:tab&gt;
                  &lt;/p:tabView&gt;
      &lt;/p:outputPanel&gt;
  &lt;/h:form&gt;
  </code></pre>