在Primefaces错误上打开对话框

Question

尝试在Primefaces上打开对话框时出现错误，我不明白为什么会这样。

这是我的页面代码：

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <body>

        <ui:composition template="./template/template.xhtml">
            <ui:define name="content">
                <p:commandButton value="Abrir" oncomplete="w_dlgTeste.show()"/>
                <p:confirmDialog header="Erro desnecessário." message="Não estou a entender nada." widgetVar="w_dlgTeste" />
            </ui:define>
        </ui:composition>

    </body>
</html> 

在谷歌浏览器Javascript控制台上，我看到以下内容：

Answer 1

尝试使用onclick="PF('w_dlgTeste').show()" 。 出现该错误的原因是，在Primefaces 4.0和更高版本中，这些小部件存储在javascript小部件数组中，您必须调用PF('w_dlgTeste')从数组PF('w_dlgTeste')其返回。

除此之外，您可以拥有一个内部没有内容的confirmDialog，但这没有任何意义，因为您无法确认任何内容。 您也应该添加确认按钮。

如果您想要最简单的方法，则可以只使用javascript：

<p:commandButton onclick="return confirm('Are you sure?')" .../>

编辑：

如果你想要做的是显示一个对话框，确认后，你应该这样做就像是最好的方式这样 ：

在每个需要对话框确认的按钮中使用p:confirm ：

<p:commandButton value="Abrir">
    <p:confirm header="Erro desnecessário." message="Não estou a entender nada." />
</p:commandButton>

然后将带有global="true"的对话框放在模板上，因为您可能想重用它：

<p:confirmDialog global="true">
    <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
</p:confirmDialog>

另一个选择是，如果您想要的只是按钮操作后的简单信息对话框，您也可以这样做：

<p:commandButton value="Abrir" oncomplete="PF('w_dlgTeste').show()"/>
<p:dialog header="Erro desnecessário." widgetVar="w_dlgTeste">
    Não estou a entender nada.
</p:dialog>