How to show details of current row from p:dataTable in a p:dialog and update after save

by

The button should be an ajax button which sets the currently iterated entity in the bean, and then updates the dialog’s content, and finally shows it. The dialog should just reference that entity in the bean and update the list and table on save. It’s very important that dialog is placed outside the main form and that it has its own form.

Here’s a kickoff example:

<h:form id="master">
    <p:dataTable value="#{bean.entities}" var="entity">
        <p:column>#{entity.property1}</p:column>
        <p:column>#{entity.property2}</p:column>
        <p:column>#{entity.property3}</p:column>
        ...
        <p:column>
            <p:commandButton value="View" action="#{bean.setEntity(entity)}" 
                update=":detail" oncomplete="PF('detail').show()" />
        </p:column>
    </p:dataTable>
</h:form>

<p:dialog id="detail" widgetVar="detail">
    <h:form>
        <p:inputText value="#{bean.entity.property1}" />
        <p:inputText value="#{bean.entity.property2}" />
        <p:inputText value="#{bean.entity.property3}" />
        ...
        <p:button value="Close" onclick="PF('detail').hide(); return false" />
        <p:commandButton value="Save" action="#{bean.save}" 
            update=":master" oncomplete="if(!args.validationFailed) PF('detail').hide()" />
    </h:form>
</p:dialog>

With this inside a @ViewScoped bean:

private List<Entity> entities; // +getter
private Entity entity; // +getter+setter

@EJB
private EntityService entityService;

@PostConstruct
public void load() {
    entities = entityService.list();
    entity = null;
}

public void save() {
    entityService.save(entity);
    load();
}

See also:

More Related Contents:

  1. Creating master-detail table and dialog, how to reuse same dialog for create and edit
  2. p:commandbutton action doesn’t work inside p:dialog
  3. Showing Hibernate/JPA results in JSF datatable causes: java.lang.NumberFormatException: For input string: “[propertyname]”
  4. p:dataExporter does not recognize p:cellEditor
  5. How to use PrimeFaces p:fileUpload? Listener method is never invoked or UploadedFile is null / throws an error / not usable
  6. Creating master-detail pages for entities, how to link them and which bean scope to choose
  7. How and when should I load the model from database for h:dataTable
  8. Real time updates from database using JSF/Java EE
  9. How do PrimeFaces Selectors as in update=”@(.myClass)” work?
  10. File upload doesn’t work with AJAX in PrimeFaces 4.0/JSF 2.2.x – javax.servlet.ServletException: The request content-type is not a multipart/form-data
  11. How to use with DefaultStreamedContent in an ui:repeat?
  12. @SessionScoped bean looses scope and gets recreated all the time, fields become null
  13. How to do double-click prevention in JSF
  14. PrimeFaces CSS skin not showing in login page, also JavaScript undefined errors
  15. Using a “Please select” f:selectItem with null/empty value inside a p:selectOneMenu
  16. What is the function of @this exactly?
  17. Customize primefaces chart
  18. How to use EL in PrimeFaces oncomplete attribute which is updated during action method
  19. How to include a pop-up dialog box in subflow
  20. How and when should I load the model from database for JSF dataTable
  21. How do UISelectOne and UISelectMany components preselect defaults in f:selectItems
  22. How to use p:graphicImage with StreamedContent within p:dataTable? [duplicate]
  23. Updating entire on complete of
  24. Reset input fields without executing validation
  25. How to use java.time.ZonedDateTime / LocalDateTime in p:calendar
  26. Primefaces valueChangeListener or
  27. h:commandButton not working inside h:dataTable
  28. Calling Primefaces dialog box from Managed Bean function
  29. LazyInitializationException in selectManyCheckbox on @ManyToMany(fetch=LAZY)
  30. JSF resource versioning

Leave a Comment