asp.net – 如何以模态弹出窗口打开aspx页面

发布时间：2020-12-16 03:16:23 所属栏目：asp.Net 来源：网络整理

导读：如何以模态弹出窗口打开aspx页面. Test.aspx应该像模态弹出窗口一样打开. 让Test1.aspx有一个按钮.点击它应该将Test.aspx页面填充为Modal弹出窗口. 这是我的按钮： asp:Button ID="Button1" runat="server" Text="Fill Form in Popup" / 注意：Test.aspx：普

如何以模态弹出窗口打开aspx页面.

> Test.aspx应该像模态弹出窗口一样打开.
>让Test1.aspx有一个按钮.点击它应该将Test.aspx页面填充为Modal弹出窗口.

这是我的按钮：

<asp:Button ID="Button1" runat="server" Text="Fill Form in Popup" />

注意：Test.aspx：普通的aspx页面,但Test1.aspx：父页面包含母版页.

解决方法

如果要将其打开为jQuery模型对话框,请参阅 this post

否则,如果要在模态对话框中打开此页面,可以使用以下代码将其打开.这个例子使用javascript的window.showModalDialog方法.要查找详细信息,请参阅here.

<script>
        function fnRandom(iModifier) {
          return parseInt(Math.random() * iModifier);
        }

        function fnSetValues() {
          var oForm = document.getElementById('oForm');
          var iHeight = oForm.oHeight.options[oForm.oHeight.selectedIndex].text;

          if (iHeight.indexOf("Random") > -1) {
            iHeight = fnRandom(document.body.clientHeight);
          }

          var sFeatures = "dialogHeight: " + iHeight + "px;";
          return sFeatures;
        }

        function fnOpen() {
          var sFeatures = fnSetValues();
          window.showModalDialog("test.aspx","",sFeatures)
        }
      </script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!