javascript - 如何在单击提交按钮时关闭 jquery 对话框(提交按钮位于对话框内)

Question

我在 jquery 对话框内有 struts2 表单，当我在该对话框内提交表单时，我的 Struts2 操作正在执行，但弹出的 jquery 对话框未关闭。

当我提交表单时，如何关闭该对话框![在此处输入图像描述][1]？

 <table>
                    <tr>
                        <td>
                        <td align="center" >
                            <sj:head jqueryui="true" jquerytheme="cupertino" />

                            <sj:dialog 
                                id="mybuttondialog" 

                                autoOpen="false" 
                                showEffect="fadeIn" 
                                hideEffect="fadeOut" 
                                modal="true" 
                                title="Rename"
                                >
                                <s:form action="EditDayActionUserTemplate" id="formId323">
                                    <table style="height:48px;width: 100%;" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td colspan="2"  align="center">
                                                <input type="hidden" name="dayId" value="<%=daycont%>"/> 
                                                <input type="hidden" name="workoutId" value="<%=trid%>"/> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="50%" align="right"><font size="6px">Date</font></td>
                                            <td width="50%"> <sj:datepicker id="datghfe4" name="date" value="%{#parameters['date']}" label="Select Date" appendText=" (dd.MM.yy)" displayFormat="dd.M.yy"/></td>
                                        </tr>   
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td align="right"><sj:submit formIds="formId323" id="sdfdss3" button="true" value="Rename" targets="rightmiddiv"></sj:submit></td>
                                            </tr>
                                        </table>
                                </s:form> 
                            </sj:dialog>
                            <sj:submit 
                                openDialog="mybuttondialog" 
                                value="Rename" 
                                button="true"

                                />
                        </td>

                    </tr>
                </table>

Answer 1

每当您需要关闭对话框(我想以编程方式)时，请使用参数 close 调用对话框方法。像这样

$('#mybuttondialog').dialog('close');

检查this page了解更多信息。