0

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

如果我删除 UpdatePanel，则 ICallbackEventHandler 正在工作。如果我删除 ICallbackEventHandler，更新面板正在工作，但它们完全不工作:(

默认.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 的页面添加一个新控件，它破坏了我所有的其他“ICallbackEventhandler”控件。

4

1 回答 1

1

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

代替

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

我用了

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

它正在工作。解决方案非常简单:) UpdatePanel 使用 Postback，每次进行 postback 时都会调用 pageLoad 方法，这里我们调用回调函数。

于 2011-06-15T20:36:34.780 回答