부트 스트랩 모달 - 서버 코드 추가 ASP.Net

Question

부트 스트랩을 구현하는 넷 웹 폼 응용 프로그램입니다. 현재 나는 부트 스트랩 - 모달에 레이블과 텍스트 상자를 표시하여 서버 C# 파일에서 데이터를 보내려고합니다. 어떤 이유로 Modal이 사라지고 UI에 아무 것도 표시되지 않습니다.

영문 파일

<!-- Button to trigger modal --> 
<a href="#myModal" role="button" runat="server" class="btn btn-lg btn-success" data-toggle="modal">Launch demo modal</a> 
<%--<asp:Button ID="Button1" role="button" type="button" runat="server" Text="Modal" class="btn btn-lg btn-success" data-toggle="modal" data-target="#myModal"/>--%> 

<!-- Modal --> 
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h3 id="myModalLabel">Modal header</h3> 
      </div> 
      <div class="modal-body"> 

       <asp:Label ID="Label1" runat="server"></asp:Label> 
       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button> 
       <button class="btn btn-primary">Save changes</button> 
      </div> 
     </div> 
    </div> 
</div> 

C#을 파일

protected void Click_Me(object sender, EventArgs e) 
{ 
    Label1.Text = "test label"; 
    TextBox1.Text = "text box text"; 

    modal_Img.Src = "test path"; 
} 

PS를 조언을 주시기 바랍니다 : 난 업데이트 패널을 사용해야합니까?

Answer 1

업데이트 패널은 부분적인 포스트 백 이후에 부분적인 양의 HTML 만 업데이트되고 모달에 대한 Javascript/Jquery가 다시 호출되지 않으므로이 문제에 대한 최상의 솔루션이 아닐 것입니다.

포스트 백 이후에 자바 스크립트를 다시 호출 할 수있는 방법이 필요합니다. Click_Me 이벤트에서 모달을 여는 데 필요한 자바 스크립트를 호출 할 수 있습니다.

protected void Click_Me(object sender, EventArgs e) 
    { 
     // do stuff 
     Label1.Text = "test label"; 
     TextBox1.Text = "text box text"; 
     modal_Img.Src = "test path"; 

     // make sure the modal opens 
     ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "script", "<script type='text/javascript'>$(document).ready(function() { $('#MyModal').modal('show')});</script>", false); 
    }