asp.net 简单的模态用法

asp.net simplemodal usage

本文关键字：模态 用法 简单 net asp      更新时间：2023-09-26

我需要在按钮单击或事件（来自更新面板）上显示 iframe，使用下面的代码我应该能够做到这一点。

我只是不确定如何调用 JS

var src = "http://sample.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
 closeHTML: "",
 containerCss: {
  backgroundColor: "#fff",
  borderColor: "#fff",
  height: 450,
  padding: 0,
  width: 830
 },
 overlayClose: true
});

如果我只是把它放在<script>它只会自行显示。我已经看过主站点上的示例，但仍然不确定。

从事件或单击按钮/链接调用它的语法是什么？

希望这有帮助，这里我使用了普通链接。 如果您使用的是 .NET 按钮，请使用

Button.Attributes.Add("onclick","ShowModal()");

测试

<script>
function ShowModal()
{
var src = "http://sample.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
 closeHTML: "",
 containerCss: {
  backgroundColor: "#fff",
  borderColor: "#fff",
  height: 450,
  padding: 0,
  width: 830
 },
 overlayClose: true
});
}
</script>

var src = "http://sample.com/";
$(document).ready(function()
{
    $("#showpopup").click(function(e)
    {
      e.preventDefault();
    $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
     closeHTML: "",
     containerCss: {
      backgroundColor: "#fff",
      borderColor: "#fff",
      height: 450,
      padding: 0,
      width: 830
     },
     overlayClose: true
    });
    });
});

然后将此<a href="#" id="showpopup">Show</a>添加到您的页面将使其显示。

我建议您访问 http://docs.jquery.com 以阅读事件触发的工作原理。

单击按钮：

function tocall()
{
    var src = "http://sample.com/";
    $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
        closeHTML: "",
        containerCss: {
            backgroundColor: "#fff",
            borderColor: "#fff",
            height: 450,
            padding: 0,
            width: 830
        },
        overlayClose: true
    });
}

按钮的标记：

<input type="button" onclick="tocall()"/>

对于updatepanel中的某些事件，您需要处理程序

<script type="text/javascript" language="javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandle);
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandle);
    function beginRequestHandle(sender, Args) {
        //Do something when call begins.
    }
    function endRequestHandle(sender, Args) {
        tocall()//When call ends
    }
</script>

从提交按钮调用时这样做

onclick = fnOpenPopUp(LineNum);

并处理模态弹出窗口的使用 

function fnOpenPopUp(LineNum)
{
    var argObj= window; 
    var detailpage = '<%=Url.Action("ReviewRequestQueuePartial")%>'
    detailpage +="?LineNumber="+LineNum.toString();
    var myWindow=window.showModalDialog(detailpage ,"ReviewRequestQueuePartial", "dialogWidth:1025px; dialogHeight:650px; center:yes; resizable:yes;modal=yes");
}
相关文章：