ASP.NET ICallbackEventHandler和ASP.NET Ajax更新面板

我想在一个页面上使用ajax UpdatePanel和ICallbackEventHandler。每个都将处理页面的各个部分，它们和每个部分都不相关。

如果我删除UpdatePanel，则ICallbackEventHandler正在工作。如果我删除ICallbackEventHandler，更新面板可以工作，但它们不能完全工作：（

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default"
EnableEventValidation="false" %>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
</head>
<body>
<script type="text/ecmascript">
    function BootX() {
        XUpdate();
    }
    function XUpdate() {
        X_CallServer("", "");
    }
    function X_ReceiveServerData(rValue) {
        $("#a").html(rValue);
    }
</script>
<form id="form1" runat="server">
<div id="a">
</div>
<asp:ScriptManager runat="server" ID="ScriptManager1" />
<div>
    <asp:Timer ID="Timer1" runat="server" Interval="100" OnTick="Timer1_Tick">
    </asp:Timer>
    <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:DropDownList runat="server" ID="ddl">
            </asp:DropDownList>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
</form>
<script type="text/ecmascript">
    BootX();
</script>
</body>
</html>

背后的代码：

public partial class _Default : System.Web.UI.Page, ICallbackEventHandler
{
    protected void Page_Load(object sender, EventArgs e)
    {
        String cbReference = Page.ClientScript.GetCallbackEventReference(this, "arg", "X_ReceiveServerData", "context", true);
        String callbackScript = string.Format("function X_CallServer(arg, context)" + "{{ {0} ;}}", cbReference);
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "X_CallServer", callbackScript, true);
        ScriptManager1.RegisterAsyncPostBackControl(Timer1);
    }
    private string result = "";
    public void RaiseCallbackEvent(string eventArgument)
    {
        // pretending some time consuming work
        for (int i = 0; i < 1000000; i++) for (int j = 0; j < 100; j++) ;
        result = "aaaaaaaaaaaaaaaaaaaaaaaaaaaa";
    }
    public string GetCallbackResult()
    {
        return result;
    }
    protected void Timer1_Tick(object sender, EventArgs e)
    {
        UpdatePanel1.Update();
        Timer1.Enabled = false;
        // pretending some time consuming work
        for (int i = 0; i < 1000000; i++) for (int j = 0; j < 1000; j++) ;
        ddl.Items.Add("Item 1");
        ddl.Items.Add("Item 2");
        ddl.Items.Add("Item 3");
    }
}

上面的代码只是概念。我在一个页面上已经有5个使用ICallbackEventhandler的控件，它们运行得很好，现在我需要在使用updatepanel的页面上添加一个新控件，它破坏了我所有其他的"ICallbackEvent handler"控件。

几个小时后，我找到了解决方案。

代替

<script type="text/ecmascript">    BootX();</script>

我使用

function pageLoad(sender, args) {setTimeout("BootX()", 25); }

它正在发挥作用。解决方案非常简单：）UpdatePanel使用Postback，每次进行回发时都会调用pageLoad方法，这里我们调用callback func。

相关内容

最新更新

热门标签：