添加按鈕，在對話框底部欄

Question

所以現在我們有一個jQuery UI的對話框，如下所示：

$(id).dialog({ 
    modal: true, 
    resizable: false, 
    title: title, 
    width:350, 
    height:height, 
    autoOpen: false, 
    buttons: { "Cancel": function() { $(this).dialog("close"); } } 
}); 

這工作得很好。但是，INSIDE jQuery對話框中我們有這個div：

<div id="SaveTemplateDialog"> 
    <table width="100%"> 
     <tr class="templatesExist"> 
      <td colspan="2"> 
       <%= Html.RadioButton("SaveNewTemplate", true, true, new { onclick = "SetSaveTemplateDisplay();", createnewtemplate = true })%>Create 
        new template 
      </td> 
     </tr> 
     <tr class="newtemplate"> 
      <td> 
       &nbsp; &nbsp; &nbsp; 
      </td> 
      <td> 
       Template name: 
       <input type="text" id="NewTemplateName" onchange="ValidateTemplateName();" /><span       nonstdvalidatorfor="NewTemplateName" message="Template name is a required field."><img 
          class="validation" src="<%= VirtualPathUtility.ToAbsolute("~/img/exclamation.gif")%>" /></span> 
      </td> 
     </tr> 
     <tr class="templatesExist"> 
      <td colspan="2"> 
       <%= Html.RadioButton("SaveNewTemplate", false, false, new { onclick = "SetSaveTemplateDisplay();" })%>Overwrite 
        existing template 
      </td> 
     </tr> 
     <tr class="overwritetemplate templatesExist"> 
      <td> 
       &nbsp; &nbsp; &nbsp; 
      </td> 
      <td> 
       <%= Html.DropDownList("ExistingTemplate", Chatham.Web.Models.Indications.DropDownData.AllEditableTemplates())%> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="2"> 
       &nbsp; 
      </td> 
     </tr> 
     <tr> 
      <td colspan="2" align="right"> 
       <div style="text-align: center; cursor: pointer;" id="saveTemplateButton"> 
        <img src="<%= VirtualPathUtility.ToAbsolute("~/img/btn_form_save_template_off.GIF")%>" /> 
       </div> 
       <div style="text-align: center; cursor: pointer;" id="saveTemplateValidation"> 
        Please correct all validation before Saving 
       </div> 
      </td> 
     </tr> 
    </table> 
</div> 

請參閱id =「saveTemplateButton」按鈕？我們想讓它坐在JQuery對話框底部的「取消」按鈕旁邊。我嘗試了一堆廢話，但無法使它工作。我怎樣才能做到這一點？

Answer 1

這工作。我第一次搞砸了語法。

buttons: { 
        "Save Template": function() 
         { 
          if ($('#saveTemplateValidation').is(":visible")) 
          { 
           alert('Please correct validation errors before saving.'); 
          } 
          else { 
           SaveTemplate(); 
          } 
         }, 
        "Cancel": function() 
         { 
          $(this).dialog("close"); 
         } 
       }