PrimeFaces对话框未显示

时间:2015-02-03 17:22:50

标签: jsf jsf-2 primefaces

嗨,我正在使用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类,它设置使对话框可见的条件

@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;
    }
}

但单击保存按钮时对话框没有显示任何保持按钮

3 个答案:

答案 0 :(得分:1)

我猜你需要使用

<h:body>代替<body>

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

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

并可能从对话框中删除visible

答案 1 :(得分:0)

尝试

<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();"/>

答案 2 :(得分:0)

首先你必须知道,在你以某种方式调用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 ....

,这应该打开你的对话框 祝你好运!