2

我的页面包含一个用户控件并继承了一个母版页。两者都有一个按钮。我已经把它放在一个表单标签中。我只是想从母版页和用户控件中进行冒泡事件。现在由于多个表单标签错误而无法加载。怎么做？

母版页： 

<%@ Master Language="C#" AutoEventWireup="True" CodeBehind="SampleSite.master.cs" Inherits="EventBubbling.SampleSite" %>

<!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>
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            <asp:Button ID="Button1" runat="server" Text="MasterPageButton" />
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

用户控制： 

<%@ Control Language="C#" AutoEventWireup="True" CodeBehind="SampleUserControl.ascx.cs"
    Inherits="EventBubbling.Controls.SampleUserControl" EnableViewState="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 id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Button ID="btnUC" runat="server" OnClick="btnUC_Click" Text="UserControlButton" />
    </div>
    </form>
</body>
</html>

用户 control.cs 页面：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace EventBubbling.Controls
{
    public partial class SampleUserControl : System.Web.UI.UserControl
    {
        public event EventHandler buttonClick;
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btnUC_Click(object sender, EventArgs e)
        {
            buttonClick(sender, e);
        }
    }
}

主页 ： 

<%@ Page Language="C#" AutoEventWireup="True" MasterPageFile="~/SampleSite.Master"
    CodeBehind="Default.aspx.cs" Inherits="EventBubbling._Default" %>

<%@ Register Src="~/Controls/SampleUserControl.ascx" TagPrefix="uc" TagName="SampleUserControl" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <div>
        <uc:SampleUserControl ID="UC1" runat="server" />
    </div>
</asp:Content>

。CS

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace EventBubbling
{
    public partial class _Default : System.Web.UI.Page
    {
        Button btn = new Button();

        protected void Page_Load(object sender, EventArgs e)
        {
            UC1.buttonClick += new EventHandler(UC1_buttonClick);
            btn = this.Master.FindControl("Button1") as Button;
            btn.Click += new EventHandler(btn_Click);

        }

        void btn_Click(object sender, EventArgs e)
        {
            Response.Write("EventBubbling from MasterPage");
        }

        void UC1_buttonClick(object sender, EventArgs e)
        {
            Response.Write("EventBubbling from User control");
        }

    }
}

我的目标是学习事件冒泡，但我发布的这段代码出现了一些基本错误。

4

3 回答 3

3

您的用户控件不应有 <form> 标记，这由 MasterPage 处理，然后所有页面/控件都在此主控件 <form> 标记内呈现。

如果您想让您的用户使用自己的表单进行控制，您将不得不更改为不同的 MasterPage，老实说，我不确定这将如何工作。

于 2013-08-14T12:11:25.190 回答
2

在您使用表单标签的每个地方保持不同的表单 ID。

它的每一个地方<form id="form1" runat="server">。

使其成为Id=1 , Id=2等。

在母版页中保留表单Id=1，在用户控制页中将其设为 2，在主页面中将aspx其设为 3。

或从用户控制页面中删除表单标签。

于 2013-08-14T11:37:38.223 回答
1

由于您在母版页中放置了控件，因此您需要在<form>其上保留标签。

错误消息：A page can have only one server-side Form tag.实际上应该被视为：A page can have only one visible server-side Form tag.

如果您愿意，您可以拥有多个表单标签。在这里阅读 Asp.net 的一大技巧：http: //blogs.msdn.com/b/kaevans/archive/2005/10/19/482778.aspx。绝对没有太多实际用途。

否则，您需要更正用户控件的标记。删除标签，如：head、html、form。您对 UserControl 的最终标记将是：

<%@ Control Language="C#" AutoEventWireup="True" CodeBehind="SampleUserControl.ascx.cs"
    Inherits="EventBubbling.Controls.SampleUserControl" EnableViewState="false" %>
<div>
<asp:Button ID="btnUC" runat="server" OnClick="btnUC_Click" Text="UserControlButton" />
</div>

我希望你明白所有需要删除的内容。

将成为此母版页一部分的所有此类页面或用户控件不得包含任何<form>标记。

于 2013-08-14T12:19:43.680 回答