我的p:对话框不起作用

时间:2014-12-15 19:30:01

标签: primefaces

我在我的网站项目中使用JSF2.0和primefaces 3.4 简单....当我从show-case中复制p:对话框的代码时 我的项目的主要表面,它不起作用,对话框窗口不会出现 (我放的第一个对话框是我在页面中想要的那个...但实际上问题是......) 看起来我的项目中的某些东西没有以正确的方式工作......我只是将代码从prime-faces show-case复制到我的页面,但在我的页面中,commandButtons显示p:对话框没有工作,p:对话框没有显示。这是我测试的网页,不适合我:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui" xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition template="../template/template.xhtml"> <ui:define name="main"> <h:form id="form">
<h:panelGrid columns="1" cellpadding="5">
<p:commandButton id="basic" value="Basic" onclick="dlg1.show();" type="button" />
<p:commandButton id="modalDialogButton" value="Modal" onclick="dlg2.show();" type="button"/>
<p:commandButton id="effectsDialogButton" value="Effects" onclick="dlg3.show();" type="button" />
</h:panelGrid>
<p:dialog id="basicDialog" header="Basic Dialog" widgetVar="dlg1">
<h:outputText value="Resistance to PrimeFaces is futile!" />
</p:dialog>
<p:dialog id="modalDialog" header="Modal Dialog" widgetVar="dlg2" modal="true" height="100">
<h:outputText value="This is a Modal Dialog." />
</p:dialog>
<p:dialog header="Effects" widgetVar="dlg3" showEffect="explode" hideEffect="bounce" height="100">
<h:outputText value="This dialog has nice effects." />
</p:dialog>
</h:form>
</ui:define> </ui:composition> </html>

1 个答案:

答案 0 :(得分:1)

您的代码在哪里显示对话框?类似于

的东西
<p:commandButton id="button" value="Open Dialog" oncomplete="PF('dialog').show();"/>