使用 JSF 命令按钮/按钮调用 p:dialog 不起作用答案

【问题标题】：Calling p:dialog using JSF commandbutton/button doesn't work使用 JSF 命令按钮/按钮调用 p:dialog 不起作用
【发布时间】：2016-01-11 19:06:20
【问题描述】：

我有这个代码：

<h:form>
    <h:button value="SHOW" onclick="PF('myPanel').show()" />

    <p:dialog header="MyPanel" widgetVar="myPanel">
            <h:outputText value="Resistance to PrimeFaces is futile!" />
    </p:dialog>
</h:form>

单击按钮只会使对话框闪烁——打开并立即关闭它。还尝试使用具有相同结果的 JSF commandButton。使用 primefaces 按钮按预期工作，那么这里缺少什么 JSF 按钮？

【问题讨论】：

JSF 按钮和 commandButton 提交表单（和刷新页面），primefaces 按钮不是（调用 AJAX 操作）。
了解h:button 和h:commandButton 的作用，它们的区别和用法。并尝试阅读一些关于调试的文章和/或问答。顺便说一句，面板 !=dialog 并且您不会调用对话框
Prime Faces Command Button vs. Default Command Button的可能重复
JSF 对于以前从未使用过基本 HTML/JavaScript 的人来说是一个真正的深坑。我建议你暂停一下 JSF，多练习一下基本的 JTML/JS。 htmldog.com有很好的教程。

标签： jsf jsf-2 primefaces

【解决方案1】：

请改用<p:commandButton>。

<p:commandButton value="Basic" type="button" onclick="PF('dlg1').show();" />

【讨论】：