Question

我正在将Telerik.ui用于asp.net核心。我有一个索引页面，用户可以在该页面上上传文件。我的问题是，当文件上传到数据库时，我希望页面无法访问。对于这个问题，我使用了Telerik UI中的kendo.ui.progress()方法。当我将此方法用于特定分区时，该分区将按预期工作，该分区将变得不可访问，并在该分区上显示loading.gif，但对于文档，它不会禁用所有项目。仍然无法访问部分视图。我希望在上传文件时所有页面都无法访问。

我将分享下面的代码，在布局页面上呈现了几个局部视图，并且我试图将kendo.ui.progress应用于不起作用的布局主体。任何帮助都会很棒。

布局页面：

<body  style="position:relative;" class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden">

<!-- *APP-HEADER* -->
    @Html.Partial("_AppHeader")
    <!-- /*APP-HEADER* -->

    <div class="app-body">
        <div class="sidebar">

            <!-- *SIDEBAR-NAV* -->
            @Html.Partial("_SidebarNav")
            <!-- /*SIDEBAR-NAV* -->

            <button class="sidebar-minimizer brand-minimizer" type="button"/>
        </div>

        <!-- *MAIN CONTENT* -->
        <main class="main">

            <!-- *BREADCRUMB* -->
            @Html.Partial("_BreadCrumb")
            <!-- /*BREADCRUMB* -->

            <!-- *CONTAINER-FLUID* -->
            <div class="container-fluid">

                <!-- *PAGE* -->
                @RenderBody()
                <!-- /*PAGE* -->

            </div>
            <!-- /*CONTAINER-FLUID* -->

        </main>
        <!-- /*MAIN CONTENT* -->
    </div>
</body>

jQuery代码：

 $.ajax({                   url:@Url.Action("UploadFilesAsyncActionResult","RouteFileExtractor"),
                            beforeSend: function () {
                                kendo.ui.progress($("body"), true);
                            },
                            complete: function () {
                                kendo.ui.progress($("body"), false);
                            },
                            type: "POST",
                            contentType: false,
                            processData: false,
                            data: formData,
                            success: function (result) {
                                            alert("File Uploaded Successfully")
                                     }
        });

kendo.ui.progress()在页面上运行，但是appheader和导航栏仍可访问。

我也尝试过kendo.ui.progress($(document.body),true);，但效果相同。我将JQuery 3.2.1和Telerik.ui用于asp.net核心。附带的屏幕截图很少，显示loading.gif在中心工作，并且在收到响应之前该区域不可访问。它也应该适用于整个页面。

如何将kendo.ui.progress应用于文档？

0 个答案: