欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET2.0使用Enter Key作为默认提交问题分析(附源码)

程序员文章站 2023-12-18 16:12:10
本文实例分析了asp.net2.0使用enter key作为默认提交的方法。分享给大家供大家参考,具体如下: 网页开发中最烦人的事情之一就是为表单处理"enter key...

本文实例分析了asp.net2.0使用enter key作为默认提交的方法。分享给大家供大家参考,具体如下:

网页开发中最烦人的事情之一就是为表单处理"enter key" ,"enter key"已经成为用户提交表单的偏好。虽然我们为用户提供了提交按钮,但是最简单也是最直接的方式仍然是:输入文字,然后回车完成提交

asp.net 2.0中为此提供了很好的解决方法。只需要将"defaultbutton"属性指定到想要引发事件的按钮控件的id上就可以了。

在表单级别和面板级别(<asp:panel> 标记)均可以指定"defaultbutton"。当表单和面板中同时指定了defaultbutton,则如果在面板中触发了"enter key",则执行面板中的

下面的实例代码中有一个表单和4个面板,报单和面板中都有按钮。情各位注意:在文本框中回车后会触发哪些按钮的事件

<form id="form1" runat="server" defaultbutton="btn1">
<div>
<asp:textbox id="txt" runat="server"></asp:textbox>
<asp:button id="button5" runat="server" text="cancel" onclick="button5_click" />
<asp:button id="btn1" runat="server" text="submit" onclick="btn1_click" />
<asp:panel id="pnl1" runat="server" defaultbutton="button1">
<asp:textbox id="textbox1" runat="server"></asp:textbox>
<asp:textbox id="textbox2" runat="server"></asp:textbox>
<asp:button id="button1" runat="server" text="button1" onclick="button1_click" />
</asp:panel>
<asp:panel id="panel1" runat="server" defaultbutton="button2">
<asp:textbox id="textbox3" runat="server"></asp:textbox>
<asp:textbox id="textbox4" runat="server"></asp:textbox>
<asp:button id="button2" runat="server" text="button2" onclick="button2_click" />
</asp:panel>
<asp:panel id="panel2" runat="server" defaultbutton="button3">
<asp:textbox id="textbox5" runat="server"></asp:textbox>
<asp:textbox id="textbox6" runat="server"></asp:textbox>
<asp:button id="button3" runat="server" text="button3" onclick="button3_click" />
</asp:panel>
<asp:panel id="panel3" runat="server" defaultbutton="button4">
<asp:textbox id="textbox7" runat="server"></asp:textbox>
<asp:textbox id="textbox8" runat="server"></asp:textbox>
<asp:button id="button4" runat="server" text="button4" onclick="button4_click" />
</asp:panel>
</div>
</form>
//the corresponding, sample events for the button clicks are
protected void button1_click(object sender, eventargs e)
{
response.write(button1.text);
}
protected void button2_click(object sender, eventargs e)
{
response.write(button2.text);
}
protected void button3_click(object sender, eventargs e)
{
response.write(button3.text);
}
protected void button4_click(object sender, eventargs e)
{
response.write(button4.text);
}
protected void btn1_click(object sender, eventargs e)
{
response.write(btn1.text);
}
protected void button5_click(object sender, eventargs e)
{
response.write(button5.text);
}

完整实例代码代码点击此处本站下载

希望本文所述对大家asp.net程序设计有所帮助。

上一篇:

下一篇: