2

我<asp:Button ID="btnExport">在 UpdatePanel 中有一个控件。单击该按钮时，我希望它立即执行 Javascript 函数（它是一个轮询函数，在 UpdatePanel 进行回发时将连续运行）。我怎样才能做到这一点？

我试过这个：

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(pageLoaded);
function pageLoaded(sender, args) {
    $(".btnExport").click(function (e) {
        timer = window.setInterval(pollStatus, 1000);//        
    });
}

那行得通，但是它不执行 btnExport 事件处理程序。我尝试的一切要么执行事件处理程序而不是轮询函数，反之亦然。我真正在寻找的是一种方法来做到这一点：

1) 单击导出按钮。

2）设置一个计时器每秒做一个轮询事件（javascript函数）。

3) 执行导出按钮的事件处理程序。

4) 回发完成后，清除计时器。

任何人对完成此任务的最佳方法有任何建议吗？

这是一些示例代码。这是我为了说明这一点而编写的一个小示例应用程序，我的实际应用程序有点过于复杂，无法在此处发布。

默认.ASPX

<asp:ScriptManager runat="server" ID="ScriptManager1"></asp:ScriptManager>

    <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        <ContentTemplate>
            <asp:Button runat="server" ID="btnExport" Text="Begin Export" OnClick="btnExport_Click" ClientIDMode="Static" /><div id="message"></div>
        </ContentTemplate>
    </asp:UpdatePanel>

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">
        var timer;

        function pollStatus() {
            $.ajax({
                type: "POST",
                url: "<%= Page.ResolveUrl("~/Default.aspx/PollStatus") %>",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    $("#message").html(response.d);
                }
            });   
        }

        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_pageLoaded(pageLoaded);
        function pageLoaded(sender, args) {
            $("#btnExport").click(function (e) {
                timer = window.setInterval(pollStatus, 50);
            });
        }
</script>

默认的.ASPX.CS

protected void btnExport_Click(object sender, EventArgs e)
        {
            for (int i = 1; i <= 10000000; i++ )
            {
                Session["PollStatus"] = i;
            }
        }

        [WebMethod]
        public static string PollStatus()
        {
            return HttpContext.Current.Session["PollStatus"] != null ? HttpContext.Current.Session["PollStatus"].ToString() : "No result";
        }
4

3 回答 3

1

我没有看到这里指定的 CSS 类：

<asp:Button ID="btnExport">

但是，您的选择器正在尝试按类获取对象：

$(".btnExport")

因此，您应该为按钮设置 CssClass 属性或更改选择器。

UPD：这段代码对我来说很好用（这是一个例子，在产品使用之前需要一些抛光）

<form id="form1" runat="server">

    <asp:ScriptManager runat="server" ID="scmMain"></asp:ScriptManager>

    <asp:UpdatePanel runat="server" ID="pnlMain">
        <ContentTemplate>
            <asp:Button Text="Test" ID="btnTest" CssClass="btnTest" runat="server" OnClick="btnTest_OnClick"/>
        </ContentTemplate>
    </asp:UpdatePanel>

    <script type="text/javascript">
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_pageLoaded(pageLoaded);
        var timer;
        function pageLoaded(sender, args) {
            if (prm.get_isInAsyncPostBack()) {
                window.clearInterval(timer);
            }
            else {
                $(".btnTest").click(function (e) {
                    timer = window.setInterval(pollStatus, 1000);
                });
            }
        }

        function pollStatus() {
            alert('Test');
        }

    </script>

</form>

按钮的 btnTest_OnClick 服务器端事件处理程序就是这样做的：

Thread.Sleep(5000);

在服务器向客户端提供响应之前，您应该会看到“测试”警报。

于 2012-05-18T21:18:28.200 回答
0

你可以试试这个

Javascript： 

<script type="text/javascript">
    var timer;

    function fn() {
        //alert('hi');
        //clear the timer here.
    }
    function fn2() {
        //alert('hello');
        //Set a timer to do a polling event here
        return true;
    }
</script>

网页： 

<asp:Button ID="btnExport" runat="server" Text="Begin Export" OnClientClick="return fn2();" onclick="btnExport_Click" />

代码背后： 

protected void btnExport_Click(object sender, EventArgs e)
    {
        for (int i = 1; i <= 10000000; i++ )
        {
            Session["PollStatus"] = i;
        }

        string myScript = @"fn();";
        Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", myScript, true);
    }

希望这可以帮助。祝你好运。

于 2012-05-18T21:41:22.440 回答
0

如果您在示例中使用间隔，您将有许多并发轮询请求，因为请求从服务器返回需要时间。在重试之前，您应该等待最后一个轮询请求从服务器返回。

function poll() {
    $.ajax({
        type: "POST",
        url: "<%= Page.ResolveUrl("~/Default.aspx/PollStatus") %>",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            if (response.d != 'No Result') {
                // done
            } else {
                setTimeout(poll, 50);
            }
        }
    }); 
}

$(function() {
    $("#btnExport").click(function (e) {
        poll();
    });
});
于 2012-05-21T11:53:40.273 回答