添加按钮，在对话框底部栏

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"); 
         } 
       }