當使用jQuery對話框時點擊按鈕時總是返回true

Question

我正在使用jquery對話框。當我點擊按鈕彈出窗口是打開的，但它返回true並執行按鈕的服務器端事件。

我想要當用戶點擊是，然後返回true，否則返回false。

function btnCancelClick() 
      { 
       $("#dialog:ui-dialog").dialog("destroy"); 

       $("#dialog-confirm").dialog({ 
        resizable: false, 
        height: 140, 
        width: 400, 
        modal: true, 
        buttons: { 
         "Yes": function() 
         {      
          $(this).dialog("close"); 
            return true; 
         }, 
         No: function() 
         {      
          $(this).dialog("close"); 
           return false; 
         } 
        } 

       });    
      } 

    <asp:Button ID="btnCancel" runat="server" Text="Cancel Appointment" CssClass="cssbutton" 
            OnClientClick="return btnCancelClick();" OnClick="btnCancel_Click" /> 

Answer 1

您不能從對話框return。

你必須使用回調函數。

$("#dialog-confirm").dialog({ 
    resizable: false, 
    height: 140, 
    width: 400, 
    modal: true, 
    buttons: { 
     Yes: function() { 
      $(this).dialog("close"); 
      clickedYes(); //YES CALLBACK 
     }, 
     No: function() { 
      $(this).dialog("close"); 
      clickedNo(); //NO CALLBACK 
     } 
    } 
}); 

Answer 2

將您的btnCancelClick方法更新爲始終返回false。然後在對話框的按鈕處理程序中，而不是返回true或false，在那裏做回發。

function btnCancelClick() { 
    $("#dialog:ui-dialog").dialog("destroy"); 

    $("#dialog-confirm").dialog({ 
     resizable: false, 
     height: 140, 
     width: 400, 
     modal: true, 
     buttons: { 
      "Yes": function() { 
       $(this).dialog("close"); 
       <%=ClientScript.GetPostBackEventReference(btnCancel, "")%>; 
      }, 
      No: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
    return false; 
} 

這條線：

<%=ClientScript.GetPostBackEventReference(btnCancel, "")%>

將註冊的JavaScript調用回發到你的btnCancelClick方法。