Javascript jsf PrimeFaces如何关闭模态表单
我创建了一个模态形式。“提交”按钮可以正常工作:Javascript jsf PrimeFaces如何关闭模态表单,javascript,jsf,primefaces,Javascript,Jsf,Primefaces,我创建了一个模态形式。“提交”按钮可以正常工作: <p:commandButton ajax="false" value="save" action="#{editErReferencesFormWebBean.submit}" /> 我不知道如何创建一个只关闭对话框的取消按钮。我不想打电话给服务器。 是否有一种简单的方法可以关闭对话框(并放弃所有输入)?阅读Primefaces文档: <p:dialog widgetVar="modal" modal="true
<p:commandButton ajax="false" value="save" action="#{editErReferencesFormWebBean.submit}" />
我不知道如何创建一个只关闭对话框的取消按钮。我不想打电话给服务器。
是否有一种简单的方法可以关闭对话框(并放弃所有输入)?阅读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
图标。尝试以下操作:
<h:form id="form">
<h:panelGrid columns="1" cellpadding="5">
<p:commandButton value="Modal" type="button" onclick="PF('dlg').show();" />
</h:panelGrid>
<p:dialog header="Modal Dialog" id="myDialog" widgetVar="dlg" modal="true" height="100">
<h:outputText value="This is a Modal Dialog." />
<p:inputText/>
<button id="myButton" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" onclick="$('#form\\:myDialog').hide(); $('#form\\:myDialog_modal').remove();$('#form').trigger('reset');">
<span class="ui-button-text ui-c">
My Button
</span>
</button>
</p:dialog>
</h:form>
我的纽扣
问候。OP不想呼叫服务器。可关闭是一个有效选项。有没有一种方法可以为按钮获得相同的功能?点击
type=“button”
,按钮不会调用服务器<代码>PF('modal').hide()代码>关闭模式和$('#form')。触发器('reset')代码>清除表单更改。它起作用了我编辑了您的答案以澄清“#表单”我尝试了这个,但不起作用。也许我用“myDialog”来代替做错事了?请你展示一个完整的例子(我对jsf/primefaces完全陌生)用一个完整的例子更新我的答案,我希望它能帮助你。