Primefaces dialog + commandButton

by

You can try either of the following , I vote number one, it’s a cleaner design IMO

  1. Bring the <p:dialog/> outside of the general <h:form/> and put an <h:form/> inside it instead 

      <p:dialog id="dlg" header="#{messages.chooseSkillLevel}" widgetVar="dlg" modal="true" dynamic="true">
      <h:form>
            <h:dataTable value="#{editSkills.skillsAndLevels}" var="skillslevel">
                <h:column>
                    #{skillslevel.skill.umiejetnosc}
                </h:column>
                <h:column>
                    <p:selectOneMenu value="#{skillslevel.level}" >
                        <f:selectItems value="#{editSkills.levels}" var="level" itemLabel="#{level.stopien}" itemValue="#{level.id}" />
                    </p:selectOneMenu>
                </h:column>
            </h:dataTable>
            <p:commandButton value="#{messages.confirm}" action="#{editSkills.showSkillsAndLevels}" oncomplete="dlg.hide();" />   THIS BUTTON IS NOT FIRED
            <p:commandButton value="#{messages.cancel}" onclick="dlg.hide()"/>
           </h:form>
        </p:dialog>

  2. Add appendToBody="false" to the <p:dialog/> to ensure the dialog is rendered within the html form in the DOM instead of being auto-relocated to end of HTML body. But this may cause inconsistent rendering in various browsers.

More Related Contents:

  1. How to let validation depend on the pressed button?
  2. p:commandbutton action doesn’t work inside p:dialog
  3. Execution order of events when pressing PrimeFaces p:commandButton
  4. JQuery Conflicts with Primefaces? [duplicate]
  5. How to get rid of WARNING: PWC4011: Unable to set request character encoding to UTF-8
  6. Primefaces static and dynamic columns in datatable
  7. Update component after file download
  8. Primefaces datatable frozen columns misallignment
  9. Primefaces DataTable, lazy loading and CommandButton per row
  10. Primefaces’s dialog ‘appendTo’ property, what it useful for?
  11. When to use , tag files, composite components and/or custom components?
  12. How do PrimeFaces Selectors as in update=”@(.myClass)” work?
  13. JSF implicit vs. explicit navigation
  14. PrimeFaces CSS skin not showing in login page, also JavaScript undefined errors
  15. Work around for faulty INTERPRET_EMPTY_STRING_SUBMITTED_VALUES_AS_NULL in Mojarra JSF 2.1
  16. Creating master-detail table and dialog, how to reuse same dialog for create and edit
  17. What is the function of @this exactly?
  18. Is JSF 2.0 View Scope back-button safe?
  19. JSF facelets template packaging
  20. Difference between @Named and @ManagedBean annotations in JSF2.0 Tomcat7 [duplicate]
  21. How to use EL in PrimeFaces oncomplete attribute which is updated during action method
  22. Can you update an h:outputLabel from a p:ajax listener?
  23. CDI Injection into a FacesConverter
  24. How to use p:graphicImage with StreamedContent within p:dataTable? [duplicate]
  25. Override a method from a Primefaces specific widget
  26. Primefaces valueChangeListener or
  27. h:commandButton not working inside h:dataTable
  28. Passing parameter to JSF action
  29. Defer loading and parsing of PrimeFaces JavaScript files
  30. Render multiple components with f:ajax

Leave a Comment