post icon

Tener más de un Submit Button con la tecla Enter en ASP.Net

Cuando hacíamos aplicaciones de escritorio era típico controlar que las cajas de texto reaccionen a la tecla <ENTER>, incluso tener varios en el mismo formulario que reaccionen a eso y hagan distintas cosas. En Web tenemos los Submit’s que nos limitan un poco las cosas ya que ASP.Net solo permite tener un solo Form por página, pero de cualquier modo es posible realizar una acción semejante.

Normalmente podemos hacer esto de 2 maneras, unos es controlando las cosas con JavaScript, y la otra utilizando las herramientas que nos ayudarán de ASP.Net. Necesitaremos 1 panel por cada grupo de submits que necesitemos y asociarlos con un button.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Pruebas.aspx.cs" Inherits="Cuentas_Pruebas" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Panel ID="Panel1" runat="server" DefaultButton="Button1">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:Button ID="Button1"
                runat="server" Text="Button" onclick="Button1_Click" />
        </asp:Panel>

        <asp:Panel ID="Panel2" runat="server" DefaultButton="Button2">
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            <asp:Button ID="Button2" runat="server" Text="Button" onclick="Button2_Click" />
        </asp:Panel>
    </div>
    </form>
</body>
</html>
using System;

public partial class Cuentas_Pruebas : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Response.Write(TextBox1.Text);
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        Response.Write(TextBox2.Text);
    }
}
29 diciembre 2010

Comentarios desde Facebook:

  1. avatar
    lo MEXICO Google Chrome Windows
    25 marzo 2011 at 12:25 #

    funciono bien incluso sin agregar el response a los eventos del boton!

    • avatar
      GeekZero PARAGUAY Google Chrome Windows
      25 marzo 2011 at 12:51 #

      claro, los response.write estan a modo de ejemplo para que se vea algo en la prueba, cada uno podrá alli su código..

Responder