在MVC部分视图中关闭同一页面上的所有打开模式对话框
在MVC部分视图中关闭同一页面上的所有打开模式对话框
提问于 2016-02-29 10:29:19
我正在研究两种不同的局部观点，这两种观点是一起工作的。
当在一个页面上同时打开多个调制解调器时，在另一个页面上删除最上面的数据- page =“modal”将隐藏所有活动的modal，
在我的例子中，我在一个模态对话框中使用一个组件，这个组件反过来使用模态对话框。
你可以在图像中找到3种不同的视图，
- 背景是黑色，
- 编辑(部分视图)，
- 警告消息(部分视图)。
多个模型同时打开，但需要关闭预期的，这是顶部/当前不是所有的模型。
HTML
<div class="modal fade" id="myModal" ng-model="mymodel">
<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>
<h2 class="modal-title">Are you sure want to Change in Amount?</h2>
</div>
<div class="modal-body">
<p class="text-danger" style="font-size:initial;color:black;font:200">Click save to change the Amount.…</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-inverse" onclick="savedata()">Save</button>
<button type="button" data-dismiss="modal" class="btn btn-inverse">Cancel</button>
</div>
<div class="row-fluid span12">
</div>
</div>
</div>
</div>回答 4
Stack Overflow用户
回答已采纳
发布于 2016-02-29 10:36:01
从按钮中删除data-dismiss="modal"，使用Jquery，您可以关闭特定的modal.Create函数，并在函数中包含以下代码，然后单击“关闭”按钮调用该函数
$('#modalid').modal('hide');Stack Overflow用户
发布于 2020-04-04 07:47:09
这对我有用。只需要关闭那个模式。没有额外的功能。
<button type="button" class="close" onclick="$('#my_modal').modal('hide');" aria-label="Close">Stack Overflow用户
发布于 2019-08-05 09:15:31
而不是数据-拒绝，创建一个自定义方法，并将其显示设置为none。这对我有用。
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-md">
<div class="modal-content" >
<div class="modal-header">
<button type="button" class="close" (click)="closeModal()">×
</button>
</div>
</div>
</div>
</div>
closeModal() {
document.getElementById("myModal").style.display = "none";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35697232
复制相关文章
相似问题
腾讯云开发者
