使用多个弹出模态框的解决方案
ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString("N"), "openModal('" + id + "','" + Title + "','" + Message + "');", true);
以下脚本应该保留在主页面中。
<script type="text/javascript">
function openModal(id, title, message) {
$('#' + id + ' .modal-header h4').html(title);
$('#' + id + ' .modal-body').html(message);
$('#' + id).modal('show');
}
</script>
这里的参数id保存了相应的bootstrap模态框(默认,信息,危险,警告,成功)
将以下内容放在母版页表单标签中,然后通过将类名“modal-primary”替换为“modal-info”,“modal-warning”,“modal-dialog”,“modal-success”,“modal-danger”来重复相同操作。
<div class="example-modal">
<div class="modal modal-primary" id="primaryModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Modal Primary</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
在您的母版页中添加对bootstrap.min.js和bootstrap.min.css的引用,这将启用Bootstrap模态弹出窗口。
参考链接:
source。