本文實例分析了ASP.NET2.0使用Enter Key作為默認提交的方法。分享給大家供大家參考,具體如下:
網頁開發中最煩人的事情之一就是為表單處理"Enter key" ,"Enter key"已經成為用戶提交表單的偏好。雖然我們為用戶提供了提交按鈕,但是最簡單也是最直接的方式仍然是:輸入文字,然后回車完成提交
ASP.NET 2.0中為此提供了很好的解決方法。只需要將"defaultbutton"屬性指定到想要引發事件的按鈕控件的ID上就可以了。
在表單級別和面板級別(<asp:panel> 標記)均可以指定"defaultbutton"。當表單和面板中同時指定了defaultbutton,則如果在面板中觸發了"Enter key",則執行面板中的
下面的實例代碼中有一個表單和4個面板,報單和面板中都有按鈕。情各位注意:在文本框中回車后會觸發哪些按鈕的事件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
<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程序設計有所幫助。