如何在加载 ASP.NET MVC Ajax 不显眼的表单时阻止用户使用该页面？

【问题标题】：How can I block the user from using the page while ASP.NET MVC Ajax unobtrusive form is loading?如何在加载 ASP.NET MVC Ajax 不显眼的表单时阻止用户使用该页面？
【发布时间】：2014-12-04 07:20:16
【问题描述】：

当您在这样的剃刀视图中使用 MVC Ajax 时

@using (Ajax.BeginForm("Something", new { id = Model.Id }, new AjaxOptions
{
    UpdateTargetId = "something + Model.Id,
    InsertionMode = InsertionMode.ReplaceWith,
    LoadingElementId = "loading"
}))
{
    Html.RenderPartial("Something", foto);
}

如何在引导程序中创建一个覆盖以显示进度并防止用户在页面加载时使用该页面？

【问题讨论】：

标签： c# html asp.net-mvc twitter-bootstrap unobtrusive-ajax

【解决方案1】：

您可以创建一个隐藏的引导覆盖和具有无限加载进度条的模态，例如：

<div id="loading" style="display: none">
    <div class="modal fade in" tabindex="-1" role="dialog" style="display: block">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h1>Processando...</h1>
                </div>
                <div class="modal-body">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped active" role="progressbar" style="width: 100%"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-backdrop fade in"></div>
</div>

【讨论】：