0

Tengo problemas con un formulario en ASP.net en VB, este formulario creo texbox dinámicos y tengo un botón para ir agregando los textbox. Ahora este boton al agregar la nueva fila de textbox guarda lo que tenga una fila antes en la BD. Ahora la pregunta es como puedo hacer para que al presionar el la tecla "Enter" ejecute el evento onclick de mi boton. Intente con la propiedad DefaultButton pero solo funciona cuando se refresca la pagina, después de hacer click en otra parte de la interfaz deja de funcionar. E visto que se puede reconocer cuando se presiona la tecla "Enter" desde javascript, pero no se como ejecutar el código del evento.

Ese es el codigo que tengo en el botton el nombre del evento es "AddTextBox" en el evento Onclick

    <asp:Button ID="btnAdd" runat="server" Text="Add and Save " 
OnClick="AddTextBox" />  

Este seria el CodeBing que contiene este boton

Protected Sub AddTextBox(sender As Object, e As EventArgs)
    'primer panel'
    Dim index As Integer = PNLNoNotes.Controls.OfType(Of TextBox)().ToList().Count + 1 'crea una lista que contendra los nombres de los txt dinamicos de panel 1
    Me.CreateTextBox("txtPnl1" & index) 'txtPnl1 es el nombre de los txt del panel 1
    For Each textBox As TextBox In PNLNoNotes.Controls.OfType(Of TextBox)()
        If (textBox.ID = "txtPnl1" + Convert.ToString(index)) Then
            textBox.Text = index
            algo = index
        End If
    Next
RecuperarDatos(index)
end sub

Ok ahora Necesito saber como puedo 1ro, detectar cuando se presiona la tecla "Enter" y segundo saber como mandar llamar o ejecutar este evento cuando se presione la tecla "Enter"

4
  • 1
    Posible duplicado de ¿Cómo crear eventos delegados en JavaScript puro? el 10 nov. 2018 a las 19:48
  • 1
    Hola Jack, vi la pregunta y si es similar, pero el quiere crear controles con eventos, yo ya creo los controles, lo que necesito es que al presionar la tecla "Enter" ejecute un evento que ya tengo el 10 nov. 2018 a las 19:51
  • 1
    puedes agregar un ejemplo el 10 nov. 2018 a las 19:55
  • Jack edite la pregunta y puse mi código el 10 nov. 2018 a las 20:04

1 respuesta 1

1

Si quieres ejecutar el evento "click" de tu "boton" al presionar enter dentro de tu "textbox":

Usando jQuery

$("#txtPnl1").keyup(function(e) {
    if(e.keyCode == 13) // 13 es el keycode de "enter"
    {
        $("#btnAdd").trigger("click"); // ejecutas el evento click del boton
    }
})

Usando javascript puro

document.querySelector("#txtPnl1").addEventListener("keypress", function (e) {    
     var key = e.which || e.keyCode;

     if (key == 13) { // 13 es keycode de 'enter'
         document.querySelector("#btnAdd").click(); // ejecutas el evento click del boton
     }
})

En ambos solo cambia el selector #txtPnl1 si el id de tu textbox es otro, y el selector #btnAdd si el id de tu boton es otro.

2
  • Muchas gracias Erick, es justo lo que necesitaba, eso de JavaScript no es lo mio, muchas gracias me ayudaste bastanta el 10 nov. 2018 a las 23:54
  • Alexis, que bueno saber que te sirvio mi respuesta. Saludos! el 11 nov. 2018 a las 0:28

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.