运行所有其他代码后，出现“模式弹出窗口”加载屏幕 - javascript

我有一个Web表单，需要用户输入，生成动态SQL查询并将结果输出到gridview。

SQL可能需要一段时间才能运行，因此我使用Bootstraps模式弹出窗口制作了一个加载屏幕。想法是在SQL运行时将显示加载屏幕。

但是，在将结果填充到gridview之后，将出现加载弹出窗口，这使加载屏幕无法实现！！！

谁能给我任何关于为什么会发生这种情况的想法，并帮助我提供潜在的解决方案？

C＃

    protected void btnRun_Click(object sender, EventArgs e)
    {
        //Display the loading popup
        ClientScript.RegisterStartupScript(this.GetType(), "alert", "ShowLoading();", true);

        //Declaring the SQL statement to be passed to the database
        SqlDataSource SqlDataSource1 = new SqlDataSource();
        SqlDataSource1.ID = "SqlDataSource1";
        this.Page.Controls.Add(SqlDataSource1);
        SqlDataSource1.ConnectionString = ConfigurationManager.ConnectionStrings["myConnectionString"].ConnectionString;
        SqlDataSource1.SelectCommand = "SQL Command Here";
        gvResults.DataSource = SqlDataSource1;
        gvResults.DataBind();

    }

的JavaScript

    function ShowLoading() {
        $("#btnShowModalLoading").click();
    }

ASPX

<button id="btnShowModalLoading" type="button" class="btn btn-info btn-lg hide" data-toggle="modal"
    data-target="#modalLoading">
    Open Modal</button>

模态

<div id="modalLoading" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-body">
                <h2>
                    Please Wait...</h2>
                <div class="progress">
                    <div class="progress-bar progress-bar-striped active" role="progressbar" style="width: 100%">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

参考方案

您正在服务器端OnClick处理程序中注册ClientStartupScript。这意味着，当处理程序完成并通过Postback或Ajax返回其数据时，脚本才会运行。

您需要附加客户端onclick事件，例如通过jQuery或按钮的onclientclick属性，这就是您放置代码以打开模式的地方。

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后，我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗？当前网址：siteUrl/page.php?key=value 页面提交后：siteUrl/page.php 实际上，我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是，一旦我提交了表格，我就需要删除查询字符串值。我已…

在提交时在表单操作中获取变量丢失 - javascript

            当表单由onchange事件提交时，它不会保留get变量view。任何想法为什么会发生这种情况？提交后，这是它进入的网址，index?month=February&year=2014<form action="index?view=list" class="pure-form pure-fo…

选择后显示输入元素 - javascript

我有一个表格，其中取决于用户的选择，输入元素是否可见。实际上，用户正在以另一种形式设置已定义的合作伙伴类型，并且如果选中该元素，则允许在该类型的合作伙伴上可见的元素类型1将显示以下元素：<input type="text" id="partner" name="partner" class=&…

Mongo汇总 - javascript

我的收藏中有以下文件{ "_id": ObjectId("54490b8104f7142f22ecc97f"), "title": "Sample1", "slug": "samplenews", "cat": …

JavaScript中的字符串评估函数 - javascript

            JavaScript中是否有任何内置函数，例如Python中的eval内置函数？注意：eval函数将方程式作为字符串并返回结果。例如，假设变量x为2，则eval("2x+5")返回9。 参考方案 是的，JavaScript中也有eval函数。此外，该声明应有效用于评估，即eval("2*x+5"…