从 ChildControl 中的下拉列表触发 UpdatePanel

Question

这是我的情况：

页面：

<asp:UpdatePanel ID="updatePanel1" runat="server" ChildrenAsTriggers="true">
  <ContentTemplate>
    ...
    <uc:ChildControl ID="ucChild" runat="server" />
    ...
  </ContentTemplate>
</asp:UpdatePanel>

儿童控制：

...
<asp:DropDownList id="dropDown1" runat="server" />
...

当 ChildControl 中 DropDownList 的选择发生变化时，我想（异步）更新 Page 中的 UpdatePanel。我尝试了 AutoPostBack="true"，但这总是会导致页面的完整 PostBack（请参阅 this question）。

我尝试使用

<Triggers>
    <asp:AsyncPostBackTrigger ControlID="???" EventName="SelectedIndexChanged" />
</Triggers>

但“dropDown1”和“ucChild.dropDown1”都不能用作 ControlID 的值。

我还尝试将 UpdatePanel 的引用传递给 ChildControl 并通过以下方式添加触发器：

protected override void OnPreRender(EventArgs e)
{
    if (ParentUpdatePanel != null)
    {
        AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
        trigger.ControlID = dropDown1.ID;
        trigger.EventName = "SelectedIndexChanged";
        ParentUpdatePanel.Triggers.Add(trigger);
    }
    base.OnPreRender(e);
}

（也尝试使用 dropDown1.ChildID）

但是当下拉列表中的值更改时，我仍然无法触发 UpdatePanel。问题似乎是 UpdatePanel 看不到 ChildControl 中的 Control，因此无法相应地设置 Trigger。

我该怎么做？

Answer 1

也许有一个技巧可以将此代码放在下拉列表中。

dropDown1.Attributes["onchange"] =   
Page.ClientScript.GetPostBackEventReference(ParentUpdatePanel, "") + "; return false;";

当您更改下拉列表时，您会使用直接 javascript 调用向 UpdatePanel 发送更新事件。

Answer 2

如果下拉列表控件位于更新面板中，则在下拉列表控件上设置 AutoPostBack=True 不应刷新整个页面。

我创建了一个简单的例子：

default.aspx：

<form id="form1" runat="server">
<div>
    <asp:ScriptManager runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="up" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
        <ContentTemplate>            
            <uc:UserControl ID="ucChild" runat="Server"></uc:UserControl>
            <asp:Label ID="lbl" runat="server"></asp:Label>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
</form>

default.aspx.cs（代码隐藏）：

public partial class _default : System.Web.UI.Page {
    protected void Page_Load(object sender, EventArgs e) {
        lbl.Text = ucChild.value;
    }   
}

UserControl.ascx：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserControl.ascx.cs" Inherits="somenamespace.UserControl" %>
<asp:DropDownList runat="server" ID="ddl" AutoPostBack="true">
    <asp:ListItem Text="1" Value="1"></asp:ListItem>
    <asp:ListItem Text="2" Value="2"></asp:ListItem>
</asp:DropDownList>

UserControl.ascx.cs（代码隐藏）：

public partial class UserControl : System.Web.UI.UserControl {
    public string value {
        get { return ddl.SelectedValue.ToString(); }
    }
}

当我更改下拉列表时，标签会更新而没有完整的回帖。