Dialog framework does not close when it has an input field

87 Views Asked by At

I'm trying to close a dialog with a cancel button, I receive the event but the dialog does not close. After a lot of digging I realize the problem is where the dialog has an input field with the ticket description, but it works when I remove it and I leave only de buttons.

Does it make any sense?

Form base code

...
<p:commandButton icon="fa fa-bug" actionListener="#{ticketBean.viewTicket}"/>
...

TicketBean code

@ManagedBean
@ViewScoped
public class TicketBean {
...
public void viewTicket() {
    logger.info("--------------ViewTicket");
    Map<String, Object> options = new HashMap<>();
    options.put("modal", true);
    options.put("width", 640);
    options.put("height", 250);
    options.put("resizable", false);
    options.put("contentWidth", "100%");
    options.put("contentHeight", "100%");
    options.put("closable", false);

    RequestContext.getCurrentInstance().openDialog("maintenance/ticket", options, null);
}

public void cancel() {
    RequestContext.getCurrentInstance().closeDialog(null);
}
...

ticket.xhtml dialog code DOES NOT WORK

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>#{msgs.ticket_create}</title>
    </h:head>

    <h:body>
        <h:form id="frmTicket">
            <p:inputTextarea rows="5" cols="70" value="#{ticketBean.ticket.descripcio}" >
            </p:inputTextarea>
            <br/>
            <h:inputHidden value="#{ticketBean.ticket.path}" />
            <p:commandButton value="#{msgs.save}" style="width:auto" 
                      styleClass="GreenButton"
                      actionListener="#{ticketBean.save}"/>
            <p:commandButton value="#{msgs.cancel}" style="width:auto" 
                      styleClass="RedButton"
                      actionListener="#{ticketBean.cancel}"/>
        </h:form>
    </h:body>

</html>

ticket.xhtml dialog code DOES WORK

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>#{msgs.ticket_create}</title>
    </h:head>

    <h:body>
        <h:form id="frmTicket">
            <p:commandButton value="#{msgs.save}" style="width:auto" 
                      styleClass="GreenButton"
                      actionListener="#{ticketBean.save}"/>
            <p:commandButton value="#{msgs.cancel}" style="width:auto" 
                      styleClass="RedButton"
                      actionListener="#{ticketBean.cancel}"/>
        </h:form>
    </h:body>

</html>

faces-config.xml

...
<application>
  <action-listener>
    org.primefaces.application.DialogActionListener
  </action-listener>
  <navigation-handler>
    org.primefaces.application.DialogNavigationHandler
  </navigation-handler>
  <view-handler>
    org.primefaces.application.DialogViewHandler
  </view-handler>
</application>
...

web.xml

...
<servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>

<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.xhtml</url-pattern>
</servlet-mapping>
...
1

There are 1 best solutions below

0
On BEST ANSWER

The solution is to change the code

<p:inputTextarea rows="5" cols="70" value="#{ticketBean.ticket.descripcio}" >
</p:inputTextarea>

for this one

<h:inputTextarea rows="5" cols="70" value="#{ticketBean.ticket.descripcio}" >
</h:inputTextarea>

The problems seems to be with the coponent p:inputTextarea

*Possible primefaces 6 bug