如何在bootstrap模式弹出窗口中打开aspx页面

Question

我有这个链接

<a href='' data-toggle='modal' data-target='#modalC'>Book Now</a>

我有这个代码打开一个bootstrap模式弹出窗口。

            <div class="modal fade" id="modalC" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Cantidad reservas mensuales</h4>
      </div>
      <div class="modal-body" id="content">

      </div>
  </div>
  </div>
  </div>

在div内部出现id内容的所有东西都出现在modal弹出窗口中，所以我的问题是有没有办法在模态弹出窗口中显示我已经创建的aspx webform而不必将所有html和codebehind复制到这个div？

我听说过window.open，但我认为情况并非如此，提前谢谢你。

Answer 1

您可以将iframe添加到模态正文中，并在其中加载页面的网址。

<div class="modal fade" id="modalC" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Cantidad reservas mensuales</h4>
            </div>
            <div class="modal-body" id="content">
                <iframe src="your new page url">
            </div>
        </div>
    </div>
</div>

如果您想在每次打开模态时加载页面，可以在单击用于打开模态的按钮（或者用于打开模式的任何方法）时添加iframe src 。