none
Cambiar "Foco" entre las filas de un GridView al Presionar la Tecla ENTER RRS feed

  • Pregunta

  • Buenas tardes colegas, resulta que estoy creando una aplicación en ASP con VB que permita introducir las notas de los estudiantes en un Formulario planillero, de esto se hace necesario para que sea versátil utilizar la Tecla enter ya que se encuentra justo en el Teclado numérico que utiliza el usuario para introducir las notas.

    Por esto necesito crear un gridView que permita presionar la TECLA ENTER y descienda el cursor a la fila siguiente del Gridview.

    Atento sus respuestas.

    Muchas Gracias

    miércoles, 2 de marzo de 2016 23:32

Respuestas

Todas las respuestas

  • >>Por esto necesito crear un gridView que permita presionar la TECLA ENTER y descienda el cursor a la fila siguiente del Gridview.

    el concepto de descender de fila no existe en un desarrollo web

    si tienes un grid cuya columnas tiene por template un textbox podrias con codigo cliente (javascript o jquery)implementar la reemplazo del tab por enter

    Convertir un ENTER en un TAB con Javascript y jQuery

    es mas hasta hay librerias

    jquery.ya-enter2tab

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    jueves, 3 de marzo de 2016 0:12
  • Hola Leandro, gracias por tu respuestas, ya lo de cambiar entre TextBox lo he solucionado.

    Lo que quiero es cambiar entre las celdas del Gridview, he hecho lo que me has recomendado, pero no sale:

    En el archivo Javascript

    function enter2tab(e) {
        if (e.keyCode == 13) {
            cb = parseInt($(this).attr('tabindex'));

            if ($(':input[tabindex=\'' + (cb + 1) + '\']') != null) {
                $(':input[tabindex=\'' + (cb + 1) + '\']').focus();
                $(':input[tabindex=\'' + (cb + 1) + '\']').select();
                e.preventDefault();

                return false;
            }
        }
    }


    En el Archivo ASPX

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Enter para Cambiar TAB</title>
            <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
            <script src="Scripts/Enter2Tab.js" type="text/javascript"></script>
    </head>
    <body onkeypress="enter2tab(event)">
        <form id="form1" runat="server">
        <div>
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
                DataKeyNames="codigo" DataSourceID="SqlDataSource1">
                <Columns>
                    <asp:BoundField DataField="codigo" HeaderText="codigo" ReadOnly="True" 
                        SortExpression="codigo" />
                    <asp:TemplateField HeaderText="nombres" SortExpression="nombres">
                        <ItemTemplate>
                            <asp:TextBox ID="TextBox1" runat="server" TabIndex="4" Text='<%# Bind("nombres") %>'></asp:TextBox>
                        </ItemTemplate>

    --------------------------------

    De antemano te agradecería la ayuda que me puedas brindar.

    jueves, 3 de marzo de 2016 13:58