2014-10-20 2 views
0

как выполнить на стороне сервера событие щелчка после того, как JQuery всплывающее messgae

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
    $("[id*=btnModalPopup]").live("click", function() { 
 
     $("#modal_dialog").dialog({ 
 
      title: "jQuery Modal Dialog Popup", 
 
      buttons: { 
 
       ok: function() { 
 
        $(this).dialog('close'); 
 
        __doPostBack('btnModalPopup', 'OnClick'); 
 
        //document.getElementById("btnModalPopup").click(); 
 
       } 
 
      }, 
 
      modal: true 
 
     }); 
 
     return false; 
 
    }); 
 
</script> 
 
<body> 
 
    <form id="form1" runat="server"> 
 
    <div id="modal_dialog" style="display: none"> 
 
     This is a Modal Background popup 
 
    </div> 
 
    <asp:Button ID="btnModalPopup" runat="server" Text="Show Modal Popup" ClientIDMode="static" OnClick="btnModalPopup_Click" /> 
 

 
</form> 
 
</body>

Приведенный выше код показывает J всплывающее окно запроса Message.It отлично работает. но после всплывающего сообщения мне нужно выполнить код боковой стороны сервера , если i Remove Return False из скрипта он выполняет серверный код, но всплывающее сообщение исчезло. Он должен выполнить После всплывающей кнопки OK в Нажмите

Пожалуйста, помогите ....

+0

Когда это на стороне сервера должен быть вызван? После того, как пользователь закрывает всплывающее окно? – artm

+0

Используйте свойство OnClientClick, чтобы вызывать код JavaScript и сервера на свойство OnClick. Hope Это помогает –

+0

@artm Да, он должен выполняться после того, как пользователь нажал кнопку «ОК» всплывающего окна – KeDaR

ответ

0

SERVER методу Side

[System.Web.Services.WebMethod] 
public static string GetCurrentTime(string name) 
{ 
    return "Hello " + name + Environment.NewLine + "The Current Time is: " 
     + DateTime.Now.ToString(); 
} 

Client Side

function ShowCurrentTime() { 
    $.ajax({ 
     type: "POST", 
     url: "CS.aspx/GetCurrentTime", 
     data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '" }', 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: OnSuccess, 
     failure: function(response) { 
      //do 
     } 
    }); 
} 
function OnSuccess(response) { 
    btnModalPopup_Click(); 
} 

Call ASP.Net Page Method using jQuery AJAX Example

0

Добавить ClientIdMode='static' к кнопке, вернуть ложь из обработчика событий и попробовать это в OK Кнопка обратного вызова

OK: function() { 
     $(this).dialog('close'); 
     __doPostBack('btnModalPopup','OnClick'); 
} 
+0

. Я попробовал решение выше, но не работал для меня. – KeDaR

+0

Hi @KeDaR. Я использовал этот метод много раз. Можете ли вы приложить код, который не работает? Возможно, вам придется вручную обработать обратную передачу на загрузке страницы, чтобы вызвать правильный метод. I.e btnModalPopup – Chris

+0

как я могу прикрепить код? – KeDaR

Смежные вопросы