javascript - 在 TreeView 加载后隐藏 Div 及其在更新面板中

Question

此控件位于更新面板的母版页上，并在用户交互(单击)后加载。包含“正在加载”文本的 div 不会隐藏。我想在控件完全呈现后隐藏它。

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="HierarchicalViewNonXML.ascx.cs" EnableViewState ="true" Inherits="Website.UserControls.HierarchicalViewNonXML" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<div id="loadDIV" class="loading" >Loading  ****   </div> 
<div id="treeDIV"><telerik:RadTreeView ID="RadTreeView1" runat="server" Height="100%" CssClass="noScroll" CausesValidation="false" EnableViewState="true"  OnNodeClick="RadTreeView1_NodeClick" OnNodeDataBound="RadTreeView1_NodeDataBound" ></telerik:RadTreeView></div> 

<style type="text/css">
    .loading {
        color: black;
        font-weight: bold;
    }
</style>
<script type="text/javascript">
    //$(document).ready(function() {
    //    $('#loadDIV').delay(30000).hide();
    //});
    $(document).load(function () {
        var loadDIV = document.getElementById("loadDIV");   
        loadDIV.style.visibility = "hidden"; 
    });
    //$("#loadDIV").hide();
</script>  

Answer 1

如果您使用 UpdatePanel，则需要在部分回传之后隐藏加载 div。为此，您可以使用 PageRequestManager。

<script type="text/javascript">
    var manager = Sys.WebForms.PageRequestManager.getInstance();

    manager.add_endRequest(function () {
        var loadDIV = document.getElementById("loadDIV");
        loadDIV.style.visibility = "hidden"; 
    });
</script>

或者在代码隐藏中使用 ScriptManager 来调用 javascript 函数。

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "hideDiv", "hideLoadingDiv();", true);