在primefaces 3.x中更新不同页面上的组件

Question

I am currently migrating our app from primefaces 2.21 to 3.2. i am aware that there are many new changes with 3.2. I am trying to update a dialog with ajax request like below.

   <ui:composition xmlns="http://www.w3.org/1999/xhtml"
    //namespaces
   template="MainTemplate.xhtml">
   <ui:include src="dlgpath"/>
   <h:form id="formId">
   <p:datatable id="tab1">
     <p:column> 
     <p:commandButton id="mdf" value="modify" oncomplete="dlg.show();"         
    update="dlgfrmid"/>
     </p:column>
   </datatable>
    </h:form>

below is the code for the dialog

    <p:dialog  widgetVar="dlg">
      <h:form id="dlgfrmid">
      <p:panelGrid id="gridId"> </p:panelGrid>
      <p:commandButton></p:commandButton>
      </h:form>
       </p:dialog>

i am getting the "infamous" Cannot find component with identifier "dlgfrmid" in the view error message i have done a lot of search, can some one help me understand the concept of component referencing in PF 3.x ...

thanks any help appreciated

Answer 1

Try changing

<p:dialog  widgetVar="dlg">

into

<p:dialog appendToBody="true" widgetVar="dlg">

and

<p:commandButton id="mdf" value="modify" oncomplete="dlg.show();"         
update="dlgfrmid"/>

into

<p:commandButton id="mdf" value="modify" oncomplete="dlg.show();"         
update=":dlgfrmid"/>

I've had a similar problem and I solved this by appending the dialog to body's html