PrimeFaces 对话框不显示

Question

您好，我正在使用 PrimeFaces。当我遇到这个问题。我想在单击保存按钮时显示我在表单中输入的值

XHTML 文件是

<!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:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
          <h:head>
          <title>
          calender popup problem
          </title>


          </h:head>

<body>
    <h:form>
        <TABLE>
            <tr>
                <td><h:outputText value="*"/></td>
                <td><h:outputText value="COUPOUN NAME" /></td>
                <td><p:inputText id="coupounname"  maxlength="50" value="#{office.coupounname}"/></td>
            </tr>
            <tr style="padding-top: 10px">
                <td><h:outputText value="*"/></td>
                <td><h:outputText value="COUPOUN CODE" /></td>
                <td><p:inputText id="couponcode" value="#{office.coupouncode}"/></td>
            </tr>
            <tr style="padding-top:10px">
                <td><h:outputText value="*"/></td>
                <td><h:outputText value="COUPOUN DESCRIPTION"/></td>
                <td><p:inputTextarea id="coupoundes" value="#{office.coupouncode}"/></td>
            </tr>
            <tr style="padding-top: 10px">
                <td><h:outputText value= "*"/></td>
                <td><h:outputText value="Discount"/></td>

           <!-- <td>
                    <p:selectOneRadio id="radiobuttons" value="#{office.percentage}">
                    <f:selectItem itemLabel="in ruppes" itemValue="ByCash"/>
                    <f:selectItem itemLabel="inpercentage" itemValue="InPercentage"/>
                    </p:selectOneRadio> 
                </td> -->
            </tr>
            <tr>
                <td><h:outputText value="*"/></td>
                <td><h:outputText value="Validity"/></td>
                <td><p:calendar value="#{office.startdate}"/></td>
                <td><p:calendar value="#{office.enddate}"/></td>
            </tr> 
            <tr>
                <td><p:commandButton id="save" value="save" action="#{officebean.save}"/></td>
                <td><p:commandButton id="cancel" value="cancel"/></td>
            </tr>

        </TABLE>
    </h:form>
    <ui:include src="dialogs.xhtml"/>
</body>
</html>

并且对话框存储在文件中

<p:dialog id="listdialog" visible="${officebean.dialogvisible eq 'Bean'} " dynamic="true" minHeight="120"> 
    <h:form id="dialogform">
        <h:outputText value=" the value entered by the users were"/>
        <table>
            <tr>
                <td>name:=<h:outputText value="#{office.coupounname}"/></td>
                <td>code:<h:outputText value="#{officebean.dialogvisible}"/</td>
            </tr>
        </table>
    </h:form>
</p:dialog>

现在是包含保存按钮操作的 bean class，它设置使对话框可见的条件

@ManagedBean(name="officebean")
@RequestScoped
public class Officebean {
    private List<Office>officeList;
    private Office office;
    private String Dialogvisible;

    public void save() {
        Dialogvisible="Bean";   
    }

    public List<Office> getOfficeList() {
        return officeList;
    }

    public void setOfficeList(List<Office> officeList) {
        this.officeList = officeList;
    }

    public Office getOffice() {
        return office;
    }

    public void setOffice(Office office) {
        this.office = office;
    }

    public String getDialogvisible() {
        return Dialogvisible;
    }

    public void setDialogvisible(String dialogvisible) {
        Dialogvisible = dialogvisible;
    }
}

但是当点击保存按钮时，对话框没有出现任何持有的人将不胜感激

Answer 1

尝试

<p:commandButton id="save" value="save" action="#{officebean.save}" update="listdialog"/>

但是如果你想显示为弹出窗口，你将不得不使用

<p:commandButton id="save" value="save" action="#{officebean.save}" update="listdialog" oncomplete="#{p:widgetVar('listDialog')}.show();"/>

Answer 2

我猜你需要使用

<h:body> 而不是 <body>

<p:dialog id="listdialog" widgetVar="listdialog".... >

<p:commandButton oncomplete="PF('listdialog').show()" ... />

并可能从对话框中删除 visible。

Answer 3

首先你必须知道对话框不会显示，直到你以某种方式调用 show() 函数...

如果其他答案不适合您，也许您可以添加 dialogs.xhtml 这个：

首先，您必须在对话框中添加 widgetVar 变量，例如：

<p:dialog id="listdialog" visible="${officebean.dialogvisible eq 'Bean'} " dynamic="true" minHeight="120" widgetVar="listdialog">

然后在对话框外是这样的：

<p:remoteCommand id="rc1" name="showDialog"oncomplete="PF('listdialog').show();" />

最后：

<script type="text/javascript">
showDialog();
</script>

这应该会在您打开 dialogs.xhtml 时立即打开您的对话框...

祝你好运！

PrimeFaces 对话框不显示

PrimeFaces dialog does not show up

jsf

primefaces

jsf-2