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

Question

当您在这样的剃刀视图中使用 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);
}

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

Answer 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>