2011-10-31 2 views
2

Есть ли способ показать сообщение об ошибке во всплывающем окне? Я использую Asp.Net (C#), и на нашей веб-странице, если заказ идет глубже, мы выводим сообщение об ошибке. Теперь мы хотели бы сделать это, используя какой-то всплывающий метод (возможно, Ajax?) - он должен иметь возможность принимать строковое значение для отображения сообщения об ошибке.Сообщение об ошибке popup asp.Net

+0

Что вы видите пользователю, если заказ проходит правильно? –

+0

Они направлены на новую страницу с надписью «Спасибо, что заказали ...» и т. Д. –

+0

И если заказ не удался, вы собираетесь хранить их на странице заказа или перенаправлять их на новую страницу? –

ответ

4

Для простого подхода вы можете иметь блок сценария, который содержит alert("your error message"). Если вы хотите, чтобы всплывающее окно было оформлено как остальная часть вашего сайта, вы можете отобразить сообщение об ошибке в элементе div и использовать jQuery dialog, чтобы отобразить его в виде модального диалога на вашей странице.

+0

Могу ли я показать, что использование C# условно? Если X затем «отобразить предупреждение»? –

+1

@OhMisterRabbit вы можете сделать это из кода: «Страница.ClientScript.RegisterStartupScript (this.GetType(),« myalert »,« alert («Была проблема с обработкой вашего заказа»); », true);' – Icarus

1

Вы можете сделать это с помощью простой JavaScript, как это ...

alert("my error message"); 

Here это подробнее об использовании JavaScript

2

Я использовал Ajax для достижения этой цели сам.

Используя ModalPopupExtender и установив PopupControlID на панель Asp, я обычно помещаю это в User Control, чтобы его можно было легко использовать через веб-сайт.

Однако ниже фрагмент кода asp.net

<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> 

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

Просто может дать вам направление, в котором вы можете отправиться, а CSS может помочь сформировать и покрасить окно сообщения.

Хотя это сложный путь в некотором отношении, но его много использования.

+1

+1 для ModalPopupExtender. Я использовал это с большим успехом, прежде чем переходить на MVC и jQuery. –

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