【问题标题】:ASP.NET Modal Popup ExtenderASP.NET 模态弹出扩展器
【发布时间】:2012-10-22 00:23:14
【问题描述】:

我有一个使用模式弹出窗口并使用以下语句调用它的页面:

var popUp = 
  window.showModalDialog("../modalPopup.aspx?message="+message, dialogArguments
  , "dialogWidth=850px;dialogHeight=350px;status=no;"); 

我想创建一个弹出窗口并禁用或隐藏屏幕右上角的Close(X) 按钮。我已经添加了一个关闭窗口的链接按钮。根据我的在线阅读,使用 showModalDialog 函数无法摆脱关闭按钮。有人建议使用模态对话框扩展器可以做到这一点。

在开始添加此扩展程序代码之前,我想了解是否可以禁用关闭按钮以及涉及的内容。另外,我需要知道是否有一种方法可以在 javascript 中动态地将数据添加到模式弹出窗口中......?

提前致谢,

GP

【问题讨论】:

  • 也许可以考虑制作一个可以用css制作的内部“模态窗口”,让它看起来像你喜欢的那样,并避免这个限制。
  • Aristos 是对的,你只需要改变你的 css 让它看起来像..

标签: javascript asp.net ajaxcontroltoolkit


【解决方案1】:

您应该使用AJAX ModalPopup Extender,而不是使用 JavaScript ModalDialog,因为您已经要求使用 Asp.Net,但如果您需要一些花哨的东西,请先搜索 Google。 以下是一些使用 Jquery 的最佳插件。

【讨论】:

    【解决方案2】:

    那里有很多 javascript 模式弹出窗口。使用jQuery。 与 TINYBox2 http://www.scriptiny.com/2011/03/javascript-modal-windows/

    【讨论】:

    • 如果这样做是可行的,我宁愿使用模态弹出扩展器而不是 jquery。您对扩展器控件了解吗?是否可以使用它来创建没有嵌入式关闭 X 按钮的弹出窗口?
    • 不能直接扩展modalpopup。
    【解决方案3】:
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %></pre>
    
    <div class="TextDiv1">
       <asp:LinkButton ID="btnShowPopup" runat="server" CausesValidation="false" OnClientClick="Panel1_Init" onclick="Panel1_Init">Check Avability</asp:LinkButton>
       <cc1:ModalPopupExtender ID="MPE1" runat="server" TargetControlID="btnShowPopup" PopupControlID="Panel1" CancelControlID="BtnClose" DropShadow="false">
       </cc1:ModalPopupExtender>
    </div>
    <div class="PopupPanel">
       <asp:Panel ID="Panel1" CssClass="PanelMain" runat="server"
                  Style="display: none" oninit="Panel1_Init">
         <div class="PopupText">
          <h1> Check User Name Availability</h1>
              <p class="alert">
              <strong>User name is already used:</strong> The user name you have provided, <b>moizy4u</b>,
                                        is already registered on our web site. Please try a different user name.</p>
                                    <div class="c">
                                        <asp:Button ID="BtnClose" CausesValidation="false" CssClass="buttonClass" runat="server" Text="Close" />
                </div>
             </div>
       </asp:Panel>
                        </div>
    

    【讨论】:

    • 感谢您的代码。我会试试看。在使用上一个弹出窗口之前,我使用 window.showModalDialog("../modalPopup.aspx?message="+message, dialogArguments , "dialogWidth=850px;dialogHeight=350px;status=no;");有没有办法使用模态弹出扩展器使用javascript动态添加“消息”数据?
    • 您可以使用 Jquery Ajax,您可以调用 Web 服务并通过 JSON 填充它
    猜你喜欢
    • 2016-11-29
    • 1970-01-01
    • 1970-01-01
    • 2011-01-02
    • 2011-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多