用户控制中的事件答案

【问题标题】：Event in User Control用户控制中的事件
【发布时间】：2010-10-21 17:15:56
【问题描述】：

Web 用户控件中的按钮事件有问题

首先我有一个这样的aspx：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddTest.aspx.cs" Inherits="AddTest" %>

<!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="js/jquery-1.4.2.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div id="divContent" runat="server">
    </div>
    </form>    
</body>
</html>

如您所见，我有一个与 ASP.NET AJAX 相关的 ScriptManager，一个 ID 为 divContent 的 div 用于加载控件，然后在后面的代码中：

protected void Page_Load(object sender, EventArgs e)
{
    divContent.Controls.Add(LoadControl("~/thitai/addtest.ascx"));
}

如你所见，我在 divContent 中添加了 addtest.ascx，这就是 addtest.ascx 的代码

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="addtest.ascx.cs" Inherits="thitai.addtest" %>
<asp:UpdatePanel ID="updatePanel" runat="server" ClientIDMode="Static">
    <ContentTemplate>
        <input type="button" value="Load text" onclick="updPanel('text');return false;" />
        <input type="button" value="Load image" onclick="updPanel('image');return false;" />
        <asp:HiddenField ID="hftype" runat="server" ClientIDMode="Static" />
        <div>
            <asp:PlaceHolder ID="plhControl" runat="server"></asp:PlaceHolder>
        </div>
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </ContentTemplate>
</asp:UpdatePanel>
<script type="text/javascript">
    function updPanel(type) {
        $("#hftype").val(type);
        __doPostBack("updatePanel", "");
    }
</script>

每次我点击加载文本按钮时，我都会更改 hfType（隐藏字段）的值，然后使用 UpdatePanel 回发到服务器，这就是后面的代码

protected override void OnPreRender(EventArgs e)
{
     string type = hftype.Value;
     switch (type)
     {
                case "text":
                    plhControl.Controls.Add(LoadControl("~/thitai/test/text.ascx"));
                    break;
                case "image":
                    plhControl.Controls.Add(LoadControl("~/thitai/test/image.ascx"));
                    break;
                default:
                    plhControl.Controls.Add(LoadControl("~/thitai/test/text.ascx"));
                    break;
     }
     base.OnPreRender(e);
}

这是text.ascx的代码

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="text.ascx.cs" Inherits="thitai.test.text" %>
<%@ Register Assembly="Support" Namespace="Support.CustomEditor" TagPrefix="Editor" %>
<Editor:CustomEditor ID="edNoidung" runat="server" NoScript="True" Content=""
    Height="500" ActiveMode="Design" NoUnicode="True" InitialCleanUp="False" />
<div>
    <asp:Button ID="Button1" runat="server" Text="Show HTML" 
        onclick="Button1_Click" />
</div>
<div id="showHtml" runat="server"></div>

以及 text.ascx 后面的代码

protected void Button1_Click(object sender, EventArgs e)
{
    showHtml.InnerHtml = edNoidung.Content;
}

问题是：当我点击 button1 时，页面使用 AJAX 进行回发，但事件 Button1_Click 不会触发！

对此有什么想法吗？

【问题讨论】：

标签： c# asp.net user-controls

【解决方案1】：

控件事件总是在页面/控件预渲染之前发生。但是，在 Page Prerender 发生之前 Button1 不存在（因为您当时正在加载控件）。为了解决这个问题，您可以在 Page Load 中移动控件（text.ascx）的加载而不是 prerender。

EDIT：或者，您可以在 text.ascx page_load 中嗅探请求数据以检查是否已单击按钮。例如，

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.From[Button1.UniqueID] != null)
    {
       // button1 click, handle it
       ...
    }
}

【讨论】：

我仍然认为它与事件执行的顺序有关。但是您可以尝试其他方法来确定是否单击了按钮 - 请参阅我在答案中的编辑。
您是对的，您的代码运行良好，但事件 Button1_Click 仍然无法运行！还有一件事，正如您在我的 text.ascx 中看到的，我有一个编辑器，您可以将其更改为文本框，当我用一些文本填充它时，然后将其回发到服务器，我无法得到它！！！ :(
必须动态加载 addtest.ascx 吗？如果是，请尝试在 page_init 而不是 page_load 中加载它。