asp.net의 서버 쪽에서 부트 스트랩 모달의 div에 내용 추가

Question

부트 스트랩 모델 팝업에 입력 양식이 있습니다. 저장 버튼을 제출할 때 div에 오류 메시지를 표시하고 싶습니다. 내 모델 팝업이 업데이트 패널에 있습니다. 나는 노력하고 그 일을하지 않습니다.

<div class="modal fade" id="myModal" 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">&times;</button> 
       <h4 class="modal-title">SMTP Configuration</h4> 
      </div> 
      <div class="modal-body"> 

       Here is a input form 

       <div id="ErrorDiv" class="required" runat="server"> 
        This is a div where i want to show content 

       </div> 


      </div> 
      <div class="modal-footer"> 
       <button data-dismiss="modal" class="btn btn-default" type="button">Close</button> 
       <asp:Button ID="btnEdit" runat="server" Text="Save" OnClick="Save" class="btn btn-success" ValidationGroup="Group1" /> 

      </div> 
     </div> 

    </div> 
</div> 

다음은 콘텐츠를 표시하는 서버 측 방법입니다.

public void ShowError(string Message) 
{ 
    ErrorDiv.InnerHtml = Message; 
    upModal.Update(); 
} 

어떻게 오류 콘텐츠를 div에 표시 할 수 있습니까?

Answer 1

서버 측에서 오류 모델 팝업을 열려면 다음을 수행하십시오. 서버 쪽 기능 ShowError를 업데이트해야합니다. 이것에 대한

public void ShowError(string Message) 
{ 
    ErrorDiv.InnerHtml = Message; 
    upModal.Update(); 
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ErrorModel", "$('#myModal').modal('show');", true); 
} 

당신은업데이트 패널에 ID myModal, 와 사업부를 넣어해야합니다.

서버 측 실행이 완료되고 모델이 수동으로 열리면 클라이언트 측에서 jQuery 기능을 트리거합니다.

다른 방법은 당신이 업데이트 패널에 모델 DIV를 넣어하지 않으 경우이

다음이 방법을 수행 할 수 있습니다.

<div class="modal fade" id="myModal" 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">&times;</button> 
       <h4 class="modal-title">SMTP Configuration</h4> 
      </div> 
      <div class="modal-body"> 

       Here is a input form 

       <div id="ErrorDiv" class="required"> 
        This is a div where i want to show content 

       </div> 


      </div> 
      <div class="modal-footer"> 
       <button data-dismiss="modal" class="btn btn-default" type="button">Close</button> 
      </div> 
     </div> 

    </div> 
</div> 

은 영문 파일에 아래와 같이 자바 스크립트 기능을 추가

아래 같은

업데이트하여 모델 DIV.

function showError(error){ 
    $("#ErrorDiv").html(error); 
    $('#myModal').modal('show'); 
} 

그리고 호출 다음은이

public void ShowError(string Message) 
{ 
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ErrorModel", "ShowError('"+Message+"');", true); 
} 

같은 서버 측에서 자바 스크립트 기능, 당신은 당신이 또한 업데이트 패널을 공유 할 수 ScriptManager.RegisterStartupScript Method