Question

I am facing issue in updating a primefaces dialog box

Currently I am displaying a primefaces dialog box with some form elements in editable format.
There are some output text fields available in a form with a change link available when clicked on the change link the output text fields should be displayed in editable format in a dialog box with accept and cancel buttons in it.

Below is the code snippet which i am using i am calling a listener where i am setting the values to the properties to be displayed in the dialog box in editable format and each time I am updating the dialog box using ‘s render property.

render=id of the dialog.

Also when i am trying to update the contents inside the dialog box i am receiving some ajax error id not found.

I also tried to put the dialog inside a panel even this was not working.

            <h:panelGrid columns="5" >
            <h:outputText value="Overrride State Date" />
            <p:spacer width="5" height="5" />
            <h:outputText value="Overrride End Date" />
            <p:spacer width="5" height="5" />
            <h:outputText value="New Value"/>
            <p:calendar value="#{certInquiry.ovrStartDt}" showOn="button"/>
            <p:spacer width="5" height="5" />
            <p:calendar value="#{certInquiry.ovrEndDt}" showOn="button"/>
            <p:spacer width="5" height="5" />
            <h:inputText value="#{certInquiry.newVal}"/>
            </h:panelGrid>  
            <div align="center">
            <p:commandButton value="Accept"
                oncomplete="xyz.hide()" /> <p:spacer width="10"
                height="5" /> <p:commandButton value="Cancel"
                onclick="xyz.hide()" type="reset" /></div>

                </h:form>
        </p:dialog>

Here I am updating the dialog using render property of but I am not able to update the dialog and its still showing the previous data when I refresh the screen the data is shown correctly.

Please help me in solving this issue.

Thanks in advance.

Answer 1

You try with this code:

<p:dialog widgetVar="xyz" >
   <p:panel id="xyzBody">
...
</p:panel>
</p:dialog>


<p:commandButton value="Open dialog"  oncomplete="xyz.show()"
    update="xyzBody"
     actionListener="fillFieldListener"  />