Principales respuestas
Cambiar "Foco" entre las filas de un GridView al Presionar la Tecla ENTER

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
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
saludos
Leandro Tuttini
Blog
MVP Profile
Buenos Aires
Argentina- Propuesto como respuesta Karen MalagónModerator jueves, 3 de marzo de 2016 16:37
- Marcado como respuesta José De AlvaModerator viernes, 18 de marzo de 2016 3:36
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
saludos
Leandro Tuttini
Blog
MVP Profile
Buenos Aires
Argentina- Propuesto como respuesta Karen MalagónModerator jueves, 3 de marzo de 2016 16:37
- Marcado como respuesta José De AlvaModerator viernes, 18 de marzo de 2016 3:36
-
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.