ASP.NET ICallbackEventHandler и ASP.net Ajax updatepanel - PullRequest
Новая
       43

ASP.NET ICallbackEventHandler и ASP.net Ajax updatepanel

0 голосов
/ 15 июня 2011

Я хотел бы использовать 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 на одной странице, и они работают отлично, теперь мне нужно добавить один новый элемент управления на страницу, использующую панель обновления, и он сломал все остальные мои элементы управления «ICallbackEventhandler».

1 Ответ

1 голос
/ 16 июня 2011

Через несколько часов я нашел решение.

Вместо 

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

Я использовал 

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

И оно работает.Решение было довольно простым :) UpdatePanel использует Postback, каждый раз, когда выполняется обратный вызов, вызывается метод pageLoad, и здесь мы вызываем функцию обратного вызова.

...