2014-12-19 3 views
0

버튼 클릭시 팝업으로 돌아가는 확인 상자를 얻는 방법을 알고 있지만 내 경우에는 사용자가 클릭 한 버튼 만 가져오고 싶습니다 (" 예 "또는"아니요 ") 클라이언트가 AddToCartBtn을 클릭하면 URL을 다른 URL로 리디렉션합니다. 사용자가 클릭 한 내용과 상관없이 URL로 리디렉션되기를 원하지만 Return Confirm으로 리디렉션을 취소합니다. 이 순간에 "확인"이외의 다른 값을 사용하여 사용자가 선택한 값을 받아서 새 페이지로 계속 리디렉션해야합니까? 지금까지 가지고있는 유일한 코드는 확인 팝업창.Yes 또는 No 버튼으로 OnClientClick Return 값을 얻는 방법

<asp:ImageButton ID="AddToCartBtn" runat="server" RowIndex='<%# Container.DisplayIndex %>' 
ImageUrl="~/Pictures/ShoppingCart.png"           
OnClick="AddToCartBtn_Click" OnClientClick="return confirm('are you sure?')" /> 

나는 값을 얻을 수있는 한 체크 박스 컨트롤이 예 또는 아니요 버튼을 대신 할 수있는 체크 박스를 포함하는 javascript에서 사용자 정의 팝업을 발견했지만 많이 얻을 수 없었지만 얻을 수는 없습니다. 이 작동하는 난 그냥 경우 이것은 내가 그래서 내가이 호출 방법을 정확하게 확실하지 않다 asp.net과 자바 스크립트를 사용하여 사용하고 있지 않다

<script type="text/javascript"> 
$('AddToCartBtn').click(function() { 
var answer = $("#dialog").dialog() 
    .find(':checkbox').unbind('change').bind('change', function(e){ 
    if(this.checked) alert('checked box'); 
    else alert('unchecked box'); 
}); 
}) 
</script> 

<button>CLICK ME</button> 

<div id='illegal'></div> 

<div id='numberplateyellow'></div> 

<div id='numberplatewhite'></div> 

<div id='dialog'> 
The registration you have entered is illegal for the uk roads. By clicking ok you are accepting   full resposibility for this plate and agreeing to use it for offroad use only. 
<br/> 
    Check here if you agree to the terms and conditions: <input type='checkbox'/> 
</div> 

방향 진행해야한다 또한이 코드를 포함 내 버튼에 대한 onClick 이벤트의 자바 스크립트. 버튼과 자바 스크립트 코드 아래의 컨테이너는 사이트의 테스트 예제이지만 제 경우에는 버튼이 내 asp : ImageButton "AddToCartBtn"html 버튼 대신 필요합니다. 요약하자면 반환 확인 팝업을 사용하여 사용자가 클릭 한 값을 가져 오는 방법이 있습니까? 그렇다면 아무 것도 클릭하지 않으면 페이지로 리디렉션됩니까? 아니면 사용자 지정 확인란 팝업쪽으로 더 가야합니까? 그렇다면 어떻게 asp : imageButton과 함께 작동하도록 확인란에 나열된 예제를 얻을 수 있습니까?

답변

0

그냥 함수를 호출하여 OnClientClick 교체 :

<asp:ImageButton ID="AddToCartBtn" runat="server" RowIndex='<%# Container.DisplayIndex %>' ImageUrl="~/Pictures/ShoppingCart.png" OnClick="AddToCartBtn_Click" OnClientClick="return Redirect();" /> 

JS 기능 :

function Redirect() { 
    var result = confirm('Are you sure?'); 

    // Do something with result. 

    return true; // return true no matter what the user clicked. 
} 
+0

감사합니다, 나는 그것을 호출하려고했다'OnClientClick = "리디렉션에 의해 () "그리고 그것은 나를 위해 아무것도하지 않고 있었다. – user3841709

+0

'$ ('AddToCartBtn') 위의 코드에서 click (function()'이 함수를 어떻게 호출할까요?이 함수의 이름은 무엇입니까? 아니면 더 비슷한 이벤트입니까? – user3841709

+0

그 코드에서 "함수"를 클릭하여 개체 "AddToCartBtn"의 이벤트를 호출합니다. 어딘가에 호출하려면 이름을 지정하고 호출하십시오. – dario

0

js 확인 대신 ModalPopupExtender를 사용할 수 있습니다.

<asp:ImageButton ID="AddToCartBtn" runat="server" RowIndex='<%# Container.DisplayIndex %>' 
ImageUrl="~/Pictures/ShoppingCart.png" /> 

<asp:Panel ID="pnlPopup" runat="server"> 
    <asp:Label ID="lblSure" Text="Are you sure?" /> 
    <asp:Button ID="btnYes" runat="server" Text="YES" OnClick="AddToCartBtn_Click" /> 
    <asp:Button ID="btnNo" runat="server" Text="NO" /> 
</asp:Panel> 

<ajaxToolKit:ModalPopupExtender ID="mpe" runat="server"  
    TargetControlID="AddToCartBtn" 
    PopupControlID="pnlPopup" 
    OkControlID="btnYes" 
    CancelControlID="btnNo" /> 
관련 문제