Asp.net mvc 从MVC razor模型调用Bootstrap 3模式?

Asp.net mvc 从MVC razor模型调用Bootstrap 3模式?,asp.net-mvc,twitter-bootstrap,razor,Asp.net Mvc,Twitter Bootstrap,Razor,目前我使用的模型是,从表单发回后,我会查看模型属性以显示警报。但是,我现在需要显示一个模态。我知道我需要在页面底部显示一个Modal div,但我不知道如何从Razor模型中调用它 我所发现的只是一个按钮点击或点击事件会调用一些JS并显示模式。我找不到任何关于如何从视图中打开它的信息 其概念是,最终用户将单击一个按钮,这样做基本上就像一个时间戳一样进入数据库。在控制器中,我设置了MessageType属性,然后根据该属性,如果出现错误,我将显示引导错误警报,如果一切正常,则显示成功警报。现在,我

目前我使用的模型是,从表单发回后,我会查看模型属性以显示警报。但是,我现在需要显示一个模态。我知道我需要在页面底部显示一个Modal div,但我不知道如何从Razor模型中调用它

我所发现的只是一个按钮点击或点击事件会调用一些JS并显示模式。我找不到任何关于如何从视图中打开它的信息

其概念是,最终用户将单击一个按钮,这样做基本上就像一个时间戳一样进入数据库。在控制器中,我设置了MessageType属性,然后根据该属性,如果出现错误,我将显示引导错误警报,如果一切正常,则显示成功警报。现在,我需要打开一个模式,而不是调用成功警报

下面是我现在如何使用警报来执行此操作。这是在我的MVC视图中。有没有一种方法可以做同样的事情,而不是打开警报模式

@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">&times;</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();
}
}

完美!我没意识到你们可以在脚本部分写有条件的东西。一定要把这个例子留作其他用途。