2012-07-14 5 views
0

자바 스크립트 코드JQuery와 확인 대화 상자

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

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

        });    
       } 

영문 코드에서 다시 전화 사용 방법

<div class="demo"> 
     <div id="dialog-confirm" title="Do you want to cancel the appointment?"> 
     </div> 
    </div> 

    <asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="cssbutton" 
             OnClientClick="return btnCancelClick();" OnClick="btnCancel_Server_Click" /> 
<asp:UpdatePanel ID="updatePanelTable" runat="server"> 
         <ContentTemplate> 
. 
. 
. 

</ContentTemplate> 
<Triggers> 
          <asp:AsyncPostBackTrigger ControlID="btnCancel" EventName="Click" /> 
         </Triggers> 
        </asp:UpdatePanel> 

서버 측 코드 :

protected void btnCancel_Server_Click(object sender, EventArgs e) 
    { 
     //Server side code. 
    } 

확인 상자를 표시하기 위해 jquery 대화 상자를 사용합니다. 버튼을 클릭하면 버튼의 서버 사이드 이벤트가 항상 발생합니다. 아니오를 클릭하면 false를 반환하고 예를 클릭하면 서버 사이드 이벤트가 발생합니다. 나는 그들이 나에 대해 콜백을 사용하는 방법을 내가 이런 종류의 물건에 다시 전화를 사용하는 방법을 알고 있다고 말한 구글 검색했다.

+0

을 왜 안 가지고와 "# 대화-확인"의 butons를 넣어 –

답변

0

사용자가 "예"또는 "아니오", 당신은 같은 것을 가질 수 대답 할 때마다 콜백을 가질 수 있기 때문에 :

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

    function callback() { 
     // whatever needs to be done once the user choose Yes or No 
    } 
} 
+0

예 onclick 예 진실을 반환하고 서버 측 이벤트 및 onclick 호출 할 필요가 없습니다. 반환 false로 설정해야하지만 jquery 대화 상자에서 반환하지 않습니다. – John

+0

현재 애니메이션이 100 % 완료되지 않았으므로 serever side 이벤트가 먼저 실행됩니다. – John