title: primefaces :dialog does not show
body: <p>My Problem is <code>p:dialog</code> is not getting displayed. Listener is getting fired, no error messages. My requirement is: when I select a row, then the row details has to be displayed in dialog.</p>
  
  <p>Kindly help me out. Thanks in advance.</p>
  
  <pre><code>&lt;h:form id="form"&gt;  
      &lt;p:dataTable id="cars" var="car" value="#{tableBean2.carsSmall}" paginator="true"
          rows="10" rowKey="#{car.model}" selection="#{tableBean2.selectedCar}"
          selectionMode="single"&gt;  
          &lt;p:ajax event="rowSelect" listener="#{tableBean2.onRowSelect}"    
              update=":form1:display :form1:growl" oncomplete="PF('carDialog').show()" /&gt;
          &lt;p:ajax event="rowUnselect" listener="#{tableBean2.onRowUnselect}"
              update=":form1:growl" /&gt;
          &lt;f:facet name="header"&gt;  
              Select a row to display a message  
          &lt;/f:facet&gt;  
          &lt;p:column headerText="Model"&gt;  
              #{car.model}  
          &lt;/p:column&gt;  
          &lt;p:column headerText="Year"&gt;  
              #{car.year}  
          &lt;/p:column&gt;  
          &lt;p:column headerText="Manufacturer" &gt;  
              #{car.manufacturer}  
          &lt;/p:column&gt;  
          &lt;p:column headerText="Color"&gt;  
              #{car.color}  
          &lt;/p:column&gt;
      &lt;/p:dataTable&gt;  
  &lt;/h:form&gt;
  
  &lt;h:form id="form1"&gt;
      &lt;p:growl id="growl" showDetail="true"/&gt;  
      &lt;p:dialog id="dialog" header="Car Detail" widgetVar="carDialog"  
          resizable="false" position="center center" height="123"
          width="456" appendToBody="true"&gt;  
          &lt;h:panelGrid id="display" columns="2" cellpadding="4"&gt;  
            &lt;h:outputText value="Model:" /&gt;  
            &lt;h:outputText value="#{tableBean2.selectedCar.model}" /&gt;  
            &lt;h:outputText value="Year:" /&gt;  
            &lt;h:outputText value="#{tableBean2.selectedCar.year}" /&gt;  
            &lt;h:outputText value="Manufacturer:" /&gt;  
            &lt;h:outputText value="#{tableBean2.selectedCar.manufacturer}" /&gt;  
            &lt;h:outputText value="Color:" /&gt;  
            &lt;h:outputText value="#{tableBean2.selectedCar.color}" /&gt;  
         &lt;/h:panelGrid&gt;  
      &lt;/p:dialog&gt;  
  &lt;/h:form&gt;
  </code></pre>