Calling p:dialog using JSF commandbutton/button doesn't work

Question

I have this code:

<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>

Clicking the button only flashes the dialog -- opens and immidiatelly closes it. Also tried using JSF commandButton with same result. Using a primefaces button works as expected, so what is JSF button missing here?

Answer 1

使用<p:commandButton>代替。

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