Asp.net mvc 从MVC razor模型调用Bootstrap 3模式?
目前我使用的模型是,从表单发回后,我会查看模型属性以显示警报。但是,我现在需要显示一个模态。我知道我需要在页面底部显示一个Modal div,但我不知道如何从Razor模型中调用它 我所发现的只是一个按钮点击或点击事件会调用一些JS并显示模式。我找不到任何关于如何从视图中打开它的信息 其概念是,最终用户将单击一个按钮,这样做基本上就像一个时间戳一样进入数据库。在控制器中,我设置了MessageType属性,然后根据该属性,如果出现错误,我将显示引导错误警报,如果一切正常,则显示成功警报。现在,我需要打开一个模式,而不是调用成功警报 下面是我现在如何使用警报来执行此操作。这是在我的MVC视图中。有没有一种方法可以做同样的事情,而不是打开警报模式Asp.net mvc 从MVC razor模型调用Bootstrap 3模式?,asp.net-mvc,twitter-bootstrap,razor,Asp.net Mvc,Twitter Bootstrap,Razor,目前我使用的模型是,从表单发回后,我会查看模型属性以显示警报。但是,我现在需要显示一个模态。我知道我需要在页面底部显示一个Modal div,但我不知道如何从Razor模型中调用它 我所发现的只是一个按钮点击或点击事件会调用一些JS并显示模式。我找不到任何关于如何从视图中打开它的信息 其概念是,最终用户将单击一个按钮,这样做基本上就像一个时间戳一样进入数据库。在控制器中,我设置了MessageType属性,然后根据该属性,如果出现错误,我将显示引导错误警报,如果一切正常,则显示成功警报。现在,我
@if (Model.MessageType == "PUNCH")
{
<div class="alert alert-success">
<h3>Punch accepted at <strong>@Model.CurrentTime.</strong></h3>
</div>
}
@if(Model.MessageType==“PUNCH”)
{
在@Model.CurrentTime接受打孔。
}
与您所做的类似,您可以执行显示模式对话框的javascript代码
假设已将所需的引导文件加载到页面
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<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" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
@section Scripts
{
@if (Model.MessageType == "PUNCH")
{
<script>
$('#myModal').modal();
</script>
}
}
&时代;
情态标题
...
接近
保存更改
@节脚本
{
@如果(Model.MessageType==“打孔”)
{
$('#myModal').modal();
}
}
完美!我没意识到你们可以在脚本部分写有条件的东西。一定要把这个例子留作其他用途。