【问题标题】:Control Lightbox (Modal) From Code-Behind Of Asp.Net从 Asp.Net 的代码隐藏控制灯箱(模态)
【发布时间】:2009-03-09 07:58:08
【问题描述】:

在与 Ajax 和 Jquery 会面之前,在我的项目中,我有一个如下所示的功能。

Public Sub Raise_Alarm(ByVal p_Page As Page, ByVal p_Message As String, Optional ByVal p_IsError As Boolean = True)

strScript = "<script language= ""javascript""> alert('" & p_Message.Replace("'", "") & "')</script>"
    Dim t As Type = p_Page.GetType()
    p_Page.ClientScript.RegisterStartupScript(t, "alert", strScript)
    Dim mylabel As Label

end sub

现在我想要一个函数而不是上面的函数,它将消息显示为灯箱(模态框)。

我该怎么做?

【问题讨论】:

    标签: asp.net javascript jquery lightbox


    【解决方案1】:

    如果您想按照上面 cxfx (+1;) 的建议使用 jqModal,这应该可以:

    strScript = "$('<div>" & p_Message.Replace("'", "\'") & "</div>').jqm();";
    ClientScriptManager.RegisterStartupScript(p_Page.GetType(), "alert", strScript, true);
    

    【讨论】:

      【解决方案2】:

      尝试使用出色的 jQuery 插件之一来显示模态窗口,例如 jqModal。文档解释了如何配置和启动模态窗口,并包含一些很好的示例。

      【讨论】:

      • 我已经看过了,但是我问如何在代码后面的函数中使用它。
      【解决方案3】:

      如果您使用“thickbox”,它可以只在模态窗口中显示一个 noraml aspx 页面。然后你就可以正常使用后面的代码了。

      <html xmlns="http://www.w3.org/1999/xhtml" >
      <head runat="server">
      <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
      
      <link href="/themes/ui.all.css" rel="stylesheet" type="text/css" />       
      <link runat="server" href="/styles/thickbox.css" rel="stylesheet" type="text/css" />       
      <!-- jQuery -->
      <script type="text/javascript" src="/scripts/jquery-1.3.2.js"></script>
      <script type="text/javascript" src="/scripts/ui.core.js"></script>
      <script type="text/javascript" src="/scripts/thickbox.js"></script>      
      
      </head>
      <body>
             <a class="thickbox" href="mylink.aspx?KeepThis=true&TB_iframe=true&height=300&width=850">modal thick box link</a>
      </body>
      </html>
      

      希望这会有所帮助。

      【讨论】:

      • 事实上,我尝试使用它,但我不能。请你写示例代码。
      • 这太棒了。我正在寻找同样的东西。谢谢乔恩
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多