Как показать сообщение из кода в модальном всплывающем окне bootstrap в asp.net C#

На самом деле я имею в виду, когда я нажимаю кнопку netp asp dot, которая находится в модальном всплывающем окне. Когда я нажимаю эту кнопку, я хочу напечатать сообщение с сервера о том, что данные правильно сохранены или нет.Как показать сообщение из кода в модальном всплывающем окне bootstrap в asp.net C#

Когда я нажимаю модальное всплывающее окно бутстрапа, исчезает bcoz обратной передачи. Что я могу сделать, чтобы напечатать сообщение с сервера.

Ниже приведено мое modal pop uo code в HTML.

<!-- Modal --> 
      <div class="modal fade" id="myModal" role="dialog"> 
       <div class="modal-dialog modal-lg"> 
        <div class="modal-content"> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal">&times;</button> 
          <h4 class="modal-title">Modal Header</h4> 
         </div> 
         <div class="modal-body"> 

<asp:Label ID="lblMessage" runat="server" ></asp:Label> 
         </div> 
         <div class="modal-footer"> 
          <asp:Button ID="Button2" OnClick="Button2_Click" runat="server" Text="Click Me" /> 
         </div> 
        </div> 
       </div> 
      </div>

C# Код

protected void Button2_Click(object sender, EventArgs e) 
     { 
      Label1.Text = "I am called"; 
     }

источник

2016-07-19 Hardik Parmar

Вы хотите напечатать сообщение в всплывающем окне или в любом месте на странице? –

Я хочу, чтобы сообщение во всплывающем окне –

Добавить логику на событие щелчка, чтобы повторно открыть модальное после поста назад или искать альтернативный способ размещения обратно на сервер, таких как использование AJAX.

Код позади:

protected void Button2_Click(object sender, EventArgs e) 
{ 
    lblMessage.Text = "I am called"; 
    ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "showModal();", true); 
}

.aspx:

<head runat="server"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
    <script type="text/javascript"> 
     function showModal() { 
      $("#myModal").modal('show'); 
     } 

     $(function() { 
      $("#btnShow").click(function() { 
       showModal(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <input type="button" id="btnShow" value="Show Modal" /> 
     <div class="modal fade" id="myModal" role="dialog"> 
      <div class="modal-dialog modal-lg"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">Modal Header</h4> 
        </div> 
        <div class="modal-body"> 
         <asp:Label ID="lblMessage" runat="server"></asp:Label> 
        </div> 
        <div class="modal-footer"> 
         <asp:Button ID="Button2" runat="server" Text="Click Me" OnClick="Button2_Click" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </form> 
</body>

источник

2016-07-19 11:05:05

Ваш код помог мне. Это сработало для меня. спасибо –

Как мы можем добиться того же, используя AJAX, можете ли вы показать мне –

Если вы хотите сделать это через AJAX, удалите событие OnClick с помощью кнопки. Добавьте [WebMethod] в свой код и вызовите этот веб-метод с помощью $. ajax.Here пример -> http://stackoverflow.com/questions/38340653/label-inside-updatepanel-will-not-show-value-assigned-from-code-behind/38342971#38342971 –

Как показать сообщение из кода в модальном всплывающем окне bootstrap в asp.net C#

ответ

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