javascript - jsf PrimeFaces 如何关闭模态表单

Question

我创建了一个模态表单。虽然提交按钮工作正常:

<p:commandButton ajax="false" value="save" action="#{editErReferencesFormWebBean.submit}" />

我不知道如何创建一个仅关闭对话框的取消按钮。我不想调用服务员。 有没有一种简单的方法可以关闭对话框(并丢弃所有输入)？

Answer 1

阅读 Primefaces 文档:

    <p:dialog widgetVar="modal" modal="true" closable="false">
     <!-- Modal content -->
     <h:form id="form">
        <p:commandButton value="Cancel" onclick="PF('modal').hide();$('#form').trigger('reset');" type="button" />
      </h:form>
    </p:dialog>

此外，您可以将 closable 属性设置为 true 以显示关闭对话框的 X 图标。