ASP.NET Webforms 多个按钮

Question

我正在制作一个ASP.NET Web 表单应用程序。我正在尝试一种简单的方式来访问表单上的多个控件。

我正在尝试访问 html 按钮的 serverClick 事件，但它没有工作，并且每页只能在一个按钮上工作。

我首先尝试使用此代码来获取单击 HTML 按钮时的单击事件。这是 HTML 按钮的代码。

<form runat="server">
<div class="btn-container">
<a runat="server" onserverclick="infobutton_Click" class="inf-btn" exc-content="inf_button" id="infoButton">Click Here for More Information</a>
</div>
</form>

此代码获取按钮的单击事件并显示示例消息框。

Protected Sub infoButton_Click(ByVal sender As Object, ByVal e As EventArgs)
        ScriptManager.RegisterClientScriptBlock(Me, Me.[GetType](), "alertMessage", "alert('" & "The Button Was Clicked" & "')", True) 'Displays a JavaScript Alert
End Sub

此代码适用于每页一个按钮，但是，我想在一页上使用多个按钮。如果我删除 <form> 标签，按钮单击事件不会注册。如果我为每个按钮添加一个<form> 标签，它会报告一个错误，即不能有多个<form> 标签。如果我用<form> 标记将整个页面括起来，则错误报告配置“已损坏”。

如果我有一个 ASP.NET 按钮控件 (<asp:button>)，这将很简单，但我无法转换页面上的所有元素。

我不确定哪里出了问题，因为网上的所有信息都说它是正确的。有什么办法可以解决这个问题吗？

Answer 1

<body>
    <form id="form1" runat="server">

        <div class="btn-container">
            <a runat="server" onserverclick="infobutton1_Click" id="infoButton1">
                Click Here for More Information</a>
            <a runat="server" onserverclick="infobutton2_Click" id="infoButton2">
                Click Here for More Information</a>
            <a runat="server" onserverclick="infobutton3_Click" id="infoButton3">
                Click Here for More Information</a>
        </div>

    </form>
</body>

代码隐藏 (C#)

protected void infobutton1_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(this, Page.GetType(), 
        "alertMessage", "alert('" + "Button 1 Was Clicked" + "')", true);
}
protected void infobutton2_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(this, Page.GetType(), 
        "alertMessage", "alert('" + "Button 2 Was Clicked" + "')", true);
}
protected void infobutton3_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(this, Page.GetType(), 
        "alertMessage", "alert('" + "Button 3 Was Clicked" + "')", true);
}