ASP.NET 2.0 – Enter Key – Default Submit Button

來源:互聯網
上載者:User
     網頁開發中最煩人的事情之一就是為表單處理"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);
}

原文:http://forums.asp.net/thread/1270048.aspx

原文:http://forums.asp.net/thread/1270048.aspx
 代碼下載

實在不知道"Entry key"應該如何翻譯,請各位指教。
謝謝

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.