Submitボタンがクリックされたときにjqueryダイアログボックスを閉じる方法（Submitボタンがダイアログボックス内にある場合）

Question

Struts2アクションが実行中のダイアログボックス内でフォームを送信するとjqueryダイアログボックス内に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を確認してください。