Telerik RadAjaxLoadingPanel不会随CSS移动，除非包裹在div中

编程问答 2022-08-14

问题描述

在我的代码中，我有一个telerik：RadAjaxLoadingPanel似乎不会移动，除非将其包装在div中。该解决方案不可行，因为当包装在div中时，它将使整个标头向下移动。否则，没有样式将其移动。

此外，调试起来非常困难，因为一旦显示面板，我就将其重定向到另一个页面。所以我不能让它在开发工具中长期保持打开状态。话虽如此，看起来样式并没有被其他任何东西覆盖。

当前，面板中的标签在屏幕的左上方。我希望它位于中间（而不用将整个标头向下移动）。

下面是我的代码。

<body id="mBody" runat="server">
<form id="mForm" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="1800">
        <Scripts>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function (sender,args) {
                if (args.get_error() && args.get_error().name === 'Sys.WebForms.PageRequestManagerTimeoutException') {
                    args.set_errorHandled(true);
                    var sPath = window.location.pathname;
                    window.location.href('<%= ResolveUrl("~/DefaultError.aspx") %>' + '?TimeOut=' + sPath); <a href="arch/">arch/</a>
                }
            });
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadStyleSheetManager runat="server">
        <StyleSheets>
            <telerik:StyleSheetReference Path="~/Content/blah.css" />
        </StyleSheets>
    </telerik:RadStyleSheetManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline" EnableAJAX="True">
    </telerik:RadAjaxManager>
    <asp:Panel ID="pnlTestDev" CssClass="EnvironmentIdentity hidden-print" runat="server">
        <asp:Label ID="lblTestDev" runat="server" />
    </asp:Panel>
    <div style="background: #FFFFFF; min-height: 52px; min-width: 800px;" class="hidden-print">
        <div class="blahIdentity">
        </div>
        <div class="blah2Identity">
        </div>
        <div class="blahnavbarmenu">
            <telerik:RadMenu ID="rmAPONavigation" runat="server" Skin="Bootstrap" CssClass="APORadMenu" OnClientItemClicking="processmenuClicking">
                <DataBindings>
                    <telerik:RadMenuItembinding TargetField="Target" />
                </DataBindings>
            </telerik:RadMenu>
        </div>
    </div>
    <asp:HiddenField runat="server" ID="hfIsDirty" />

      <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="10" BackColor="#E0E0E0" Skin="Bootstrap" Modal="true" style="display:none" class="loadingPanel">
        <telerik:RadLabel runat="server" ID="loadingPanel" Text="Redirecting to Rain Advantage" />
      </telerik:RadAjaxLoadingPanel>

    <asp:ContentPlaceHolder ID="ContentSection" runat="server">
    </asp:ContentPlaceHolder>
    <footer>
        <div class="footer margin-top-10">
            copyright diversified Crop Insurance Services - No reproduction or dissemination without written consent. Accuracy is not warranted.
        </div>
    </footer>
</form>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
    <script type="text/javascript">

        window.$ = $telerik.$;

        function processmenuClicking(sender,args) {
            var item = args.get_item();
            var target = item.get_target();

            if (item._text === "RETIRED Index Quoter") {
                var loadingPanel = $("#RadAjaxLoadingPanel1");
                //loadingPanel.text = "Redirecting to blah";
                loadingPanel.show();
            }
            if (target !== "_blank") {
                item.set_selected(true);
            }

            var hval = document.getElementById('<%= hfIsDirty.ClientID%>').value
            if (hval === "Y") {
                var r = confirm("You have unsaved changes. Are you sure you want to continue?");
                if (r != true) {
                    args.set_cancel(true);
                    var itemselected = args.get_item();
                    itemselected.set_selected(false);
                }
            }
        }
    </script>
</telerik:RadScriptBlock>

此外，这是我应用的简单样式... 

        #loadingPanel{
        padding-top: 300px;
        font-size: 50px;
       /* margin-top:50%;*/
    }
    .loadingPanel{
        padding-top: 300px;
        font-size: 50px;
    }

任何知识都可以帮助

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmlmaster-pagesradajaxloadingpanelteleriktelerik