5

我有两个用户控件 - PageDefault.aspx 中的 UserControl1.ascx 和 UserControl2.ascx：

如何使用事件冒泡调用方法（ GetLabelText() in UserControl1.ascx） ？UserControl2.ascx

这是我的示例代码 - 当我单击按钮 ( UserControl2Button1 in UserControl1.ascx) - 我想调用该方法GetLabelText() from UserControl2.ascx- 使用事件冒泡。

页面默认.aspx：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PageDefault.aspx.cs" Inherits="TelerikAjaxEvents.PageDefault" %>
<%@ Register TagPrefix="uc" TagName="UserControl1" Src="~/UserControl1.ascx" %>
<%@ Register TagPrefix="uc" TagName="UserControl2" Src="~/UserControl2.ascx" %>
<!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>Page Default</title>
</head>
<body>
    <form id="form1" runat="server">
        UserControl1:
        <uc:UserControl1 ID="UserControl1" runat="server" />

        UserControl2:
        <uc:UserControl2 ID="UserControl2" runat="server" />

    </form>
</body>
</html>

用户控件1.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserControl1.ascx.cs" Inherits="TelerikAjaxEvents.UserControl1" %>
<asp:Label ID="UserControl1Label1" runat="server"></asp:Label>

UserControl1.ascx.cs

public partial class UserControl1 : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        public void GetLabelText() 
        {
            UserControl1Label1.Text = "Text is Visible";
        }
    }

用户控件2.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserControl2.ascx.cs" Inherits="TelerikAjaxEvents.UserControl2" %>
<asp:Button ID="UserControl2Button1" runat="server" Text="Send" 
    onclick="UserControl2Button1_Click" />

UserControl2.ascx.cs

public partial class UserControl2 : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void UserControl2Button1_Click(object sender, EventArgs e)
        {
            //Call method from UserControl1 (GetLabelText()) - Show Label text - USING BUBBLE EVENT
        }
    }
4

3 回答 3

5

有很多方法可以解决这个问题。Mark 的回答暗示了使用 System.Web.UI.Control 基本控件的内置功能部分进行的经典事件冒泡。但是，公开您自己的事件、绑定到它并通过控件层次结构冒泡事件是一个简单的练习。有关在 ASP.NET 中使用 BubbleEvent 的更多详细信息，请阅读以下内容。请记住，这两篇 MSDN 文章都是为 .NET 1.1 编写的

冒泡事件

事件冒泡控制示例

K. Scott Allen 在他的帖子中很好地展示了“事件冒泡”实现的样子： ASP.NET (C#) 中的 Web 用户控件中的事件冒泡。请参阅以下对您的示例的修改以获取灵感。

带有 GetLabelText() 的 UserControl1

public partial class UserControl1 : System.Web.UI.UserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    public void GetLabelText() 
    {
        UserControl1Label1.Text = "Text is Visible";
    }
}

UserControl2 具有公开的 BubbleClick 事件处理程序，调用者可以订阅。

public partial class UserControl2 : System.Web.UI.UserControl
{
    protected Button UserControl2Button1;

    protected void Page_Load(object sender, EventArgs e)
    {

    }

    public event EventHandler BubbleClick;

    protected void OnBubbleClick(EventArgs e)
    {
        if(BubbleClick != null)
        {
            BubbleClick(this, e);
        }
    }      
    protected void UserControl2Button1_Click(object sender, EventArgs e)
    {
        // do some stuff
        OnBubbleClick(e);
    }
}

PageDefault 订阅 UserControl2 的 BubbleClick 事件处理程序并执行 UserControl1.GetLabelText()

public partial class PageDefault : WebPage
{
    UserControl1 userControl1;
    UserControl2 userControl2;

    protected void Page_Load(object sender, EventArgs e)
    {
        UserControl2.BubbleClick += RootBubbleClickHandler;
    }

    protected void RootBubbleClickHandler(object sender, EventArgs e)
    {
        if (sender is UserControl2)
        {
            // subscribe UserControl1 to UserControl2 click event and do something
            userControl1.GetLabelText();
        }

        // check for other controls with "BubbleClicks"         
    }
}
于 2012-06-30T15:33:54.303 回答
4

事件冒泡是 ASP.NET WebForms 中一个鲜为人知的概念。它确实存在（并且被大多数数据绑定控件使用），但经常被误认为是“在用户控件中实现事件”的更简单概念（就像 K Scott Allen 所做的那样）。

事件冒泡的核心是事件在控制层次结构中向上传播，直到它被处理或到达根。这允许处理程序代码的一些集中化。它是使用 Control.RaiseBubbleEvent 和 Control.OnBubbleEvent 方法实现的。主要用例是带有很多子控件的控件（想想Repeaters、ListViews 等）。不是订阅每个单独的控件，Repeater 将它们全部捕获在它的 OnBubbleEvent 中并为它们引发一个 ItemCommandEvent。

如果您真的想使用事件冒泡（与 K. Scott 的示例相反），它看起来像：

class Page {
    override bool OnBubbleEvent(object sender, EventArgs e) {
         var btn = sender as Button;
         if (btn == null) return false;

         // You may want to do further checking that the source is what you want
         // You could use CommandEventArgs to do this
         this.uc1.GetLabelText();
         return true;
    }
}

事件的顺序是这样的：

- Button Clicked
- Button RaiseBubbleEvent
- UserControl OnBubbleEvent returns false (default, since you didn't override)
- Page OnBubbleEvent
于 2012-06-30T17:34:32.723 回答
0

您可以尝试在 PageDefault.aspx 上将 UserControl1 声明为公共属性（例如“UserControl1”），然后在 UserControl2 中使用Parent.Page.UserControl1.GetLabelText()？

于 2012-06-30T15:19:40.617 回答