从服务器端C＃调用Javascript函数

Question

我创建了一个显示清单清单的报告。 用户可以通过清单编号搜索此列表。 当代码运行搜索时，我正在显示一个Gif：

但是一旦搜索完成，此Gif不会消失。 我可以看到显示了正确的记录，因此搜索结束了，但是Gif仍停留在屏幕上。

单击搜索按钮时将调用该函数。

 <asp:Button runat="server" CssClass="btnSearch loading" ID="btnSearch" Text="Search" OnClick="btnSearch_Click" OnClientClick="ShowLoadingGif()" ToolTip="Search" />    

<div id="dvLoading">
        <table>
            <tr>
                <td id="tdLoadingSave"><img src="/images/loading.gif" alt="Loading..." title="Loading..." /></td>
            </tr>
        </table>            
    </div>

    function ShowLoadingGif() {
                closefiltermenu();
                $("#tdLoadingSave").html($("#tdLoadingSave").html() + "<br/> Please wait, manifest list is loading");
                $('#dvLoading').fadeIn("500");
        }

 function CloseLoadingGif() {
        $('#dvLoading').fadeOut("500");
    }

然后从另一个函数运行搜索：

 protected void Search()
    {
        string Field = ddlSearchBy.SelectedValue;
        string SearchString = txtSearchBy.Text;

        string[] SearchFields = null;
        string[] SearchStrings = null;

        if (!string.IsNullOrEmpty(SearchString) && Field != "null")
        {
            SearchFields = new string[] { Field };
            SearchStrings = new string[] { SearchString };
        }

        List<lookupManifestAnalysis> main = lookupManifestAnalysis.SearchManifestItems(Company.Current.CompanyID,
                SearchStrings,
                SearchFields);

        gvResults.DataSource = main;
        gvResults.DataBind();

        udpResults.Update();

        ClientScript.RegisterStartupScript(GetType(), "Search", "CloseLoadingGif();", true);

    }

但是，搜索结束后如何停止显示Gif？

Answer 1

ScriptManager.RegisterStartupScript(this, GetType(), "CloseLoadingGif","CloseLoadingGif();", true);

或如果您正在处理asp.net UpdatePanel和UpdateProgress，请使用以下代码：

ScriptManager.RegisterStartupScript(myUpdatePanelID,myUpdatePanelID.GetType(),"CloseLoadingGif", "CloseLoadingGif();", true); 

Answer 2

在服务器端ASP中执行代码时，不应使用客户端函数来显示或隐藏元素。 而是尝试使用.Net中的Ajax控件。

您将需要使用AJAX进度控件。 看一下：

https://msdn.microsoft.com/zh-CN/library/bb386421.aspx