“花式按钮”单击“事件未触发”

Question

我正在为ASPX页面设计一个花哨的设计，但是我在触发按钮运行代码时遇到了问题。这就是我所拥有的：

这是ASPX代码：

<button runat="server" id="btnLogin" onserverclick="LoginClick_Click"></button>

代码隐藏：

protected void LoginClick_Click(object sender, EventArgs e)
    {
        notice.Visible = true;


   //     Response.Redirect("");

    }

我点击按钮查看是否有任何显示（甚至是空白页面[是的我取消注释]）但是没有去。我相信这很简单，但我已经在这里挣扎了近一个小时而且没有去。我想是编码的乐趣。

编辑：

 <button runat="server" id="btnLogin" OnServerClick="btnLogin_Click" ></button>

那很有用。看似资本化。

Answer 1

您需要更加小心语法。

<asp:Button runat="server" id="btnLogin" OnClick="btnLogin_Click" />

背后的代码

protected void btnLogin_Click(object sender, EventArgs e)
    {
        notice.Visible = true;
    }

Answer 2

如果你真的对使用ASP控件中的不同按钮感兴趣，你可能想要使用一些内联的javascript和jquery来点击隐藏的ASP按钮和所需的功能......

<asp:Button ID="btnLogin" runat="server" Visible="False" />
<button type="button" id="btnFancy" onclick="serverClick();">TextHere</button>

-

<script type="text/javascript">
function serverClick() {
    $('#<%=btnLogin.ClientID%>').click();
    }
</script>

我不建议这样做，但它应该适合你。