2011-10-31 4 views
2

팝업 상자에 오류 메시지를 표시하는 방법이 있습니까? 나는 Asp.Net (C#)을 사용하고 있으며 우리 웹 페이지에서 주문이 잘못 통보되면 오류 메시지가 표시됩니다. 이제 우리는 어떤 종류의 팝업 방법 (어쩌면 Ajax?)을 사용하여 그렇게 할 수 있기를 원합니다. 오류 메시지를 표시하기 위해 문자열 값을 사용할 수 있어야합니다.Asp.Net 팝업 오류 메시지

+0

주문이 올바르게 처리되면 사용자에게 무엇을 표시합니까? –

+0

"주문 해 주셔서 감사합니다."등의 새 페이지로 연결됩니다. –

+0

주문이 실패하면 주문 페이지에 보관 하시겠습니까? 아니면 새 페이지로 안내 하시겠습니까? –

답변

4

간단한 접근 방법으로 alert("your error message")을 포함하는 스크립트 블록을 만들 수 있습니다. 팝업을 웹 사이트의 나머지 부분처럼 꾸미려면 오류 메시지를 div 요소로 렌더링하고 jQuery dialog을 사용하여 페이지의 모달 대화 상자로 표시하십시오. 당신은이 같은 간단한 자바 스크립트를 사용하여이 작업을 수행 할 수

+0

조건부로 C#을 사용하여 표시 할 수 있습니까? X이면 "알림 표시"? –

+1

@OhMisterRabbit 당신은 코드 숨김에서 이것을 할 수 있습니다 :'Page.ClientScript.RegisterStartupScript (this.GetType(), "myalert", "alert ('주문을 처리하는 데 문제가있었습니다);", true),' – Icarus

1

...

alert("my error message"); 

Here 자바 스크립트

2

나는 아약스이 나 자신을 수행하는 데 사용한 사용에 대한 자세한 정보입니다.

ModalPopupExtender를 사용하고 PopupControlID를 Asp 패널로 설정하면 일반적으로 이것을 웹 사이트를 통해 쉽게 사용할 수 있도록 사용자 정의 컨트롤에 넣습니다. 그러나 아래

내가 현재의 설정을 스크립트 관리자와 몇 가지 오류를했다대로 그것은 제대로 작동하려면 시간이 좀 걸릴 않습니다

<div class="modalPopupAlign"> 
    <asp:LinkButton ID="lnkConfirm" Style="display: none;" CausesValidation="false" runat="server" PostBackUrl="#">Confirm</asp:LinkButton> 
    <ajax:ModalPopupExtender ID="lnkConfirm_ModalPopupExtender" runat="server" TargetControlID="lnkConfirm" PopupControlID="pnlConfirmation" BackgroundCssClass="modalBackground" DropShadow="true" RepositionMode="None"> 
    </ajax:ModalPopupExtender> 
    <div id="pnlConfirmation" class="modalPopup" style="display: none;"> 
     <br /> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
       <div class="modalPopupContainerAlign"> 
        <div> 
         <asp:Image ID="imgIcon" CssClass="modalPopupImage" runat="server" /> 
         <asp:Label ID="lblMessage" CssClass="modalPopupMessage" runat="server"></asp:Label> 
         <div class="modalPopupTextbox"><asp:TextBox ID="txtValue" Width="200px" MaxLength="100" Visible="false" runat="server"></asp:TextBox></div> 

         <asp:Button ID="btnAction" runat="server" CausesValidation="false" CssClass="defaultButton" Text="OK" /> 

        </div> 
       </div> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 
</div> 

asp.net 코드의 조각이다 마스터 페이지.

방향을 제시하면 CSS가 메시지 상자의 모양과 색상을 지정할 수 있습니다.

이것은 다소 복잡한 방식이지만 많은 용도가 있습니다.

+1

+1 ModalPopupExtender입니다. MVC와 jQuery로 옮기기 전에 큰 성공을 거두었습니다. –