Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Selección múltiple en una tabla.

Estas en el tema de Selección múltiple en una tabla. en el foro de Frameworks JS en Foros del Web. Hola amigos: Les envío un cordial saludo y les solicito información respecto al siguiente tópico: Tengo el ResultSet de oracle en una tabla. Ahora lo ...
  #1 (permalink)  
Antiguo 18/01/2011, 17:28
 
Fecha de Ingreso: mayo-2008
Mensajes: 38
Antigüedad: 16 años, 7 meses
Puntos: 0
Pregunta Selección múltiple en una tabla.

Hola amigos:

Les envío un cordial saludo y les solicito información respecto al siguiente tópico:

Tengo el ResultSet de oracle en una tabla. Ahora lo que necesito hacer es que por medio del teclado (shift + arrow dn o arrow up) o bien a través del mouse, seleccione múltiples registros.

Ojo! los registros NO ESTÁN dentro de un combo de <options>, sino son parte de una tabla <table><tr><td>...

Muchísimas gracias por todas sus aportaciones y sus colaboraciones.

Saludos

Ulises P.M.
  #2 (permalink)  
Antiguo 19/01/2011, 13:05
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 16 años, 6 meses
Puntos: 35
Respuesta: Selección múltiple en una tabla.

Algo cercano a lo que pides lo puedes lograr con jquery.
http://www.keyframesandcode.com/reso...ight-demo.html
Luego depende de lo que deseas hacer con eso.
__________________
I am Doyle please insert code.
  #3 (permalink)  
Antiguo 19/01/2011, 18:02
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 11 meses
Puntos: 206
Respuesta: Selección múltiple en una tabla.

Esto es una guía para que cojas ideas:

Código HTML:
<script>
//Esta función devuelve un array con los ID's seleccionados
function getIdSeleccionados(){
	var matriz=new Array();
	$("table#tabla td.marcada").each(function(){
		matriz[matriz.length]=$(this).attr("rel");
	});
	return matriz;
}
$(function(){
	$("table#tabla tr").click(function(){
		//Ponemos o quitamos(toggle lo hace solo) la clase "marcada" a todos los td's de la fila TR seleccionada
		//El estilo "marcada" tendrá un background-color:pink o lo que sea.
		$("td",$(this)).toggleClass("marcada");
	});
});
</script>
<!-- La tabla debería tener una forma parecida a esta-->
<table id='tabla'>
	<tr rel='1'> <!-- Como se puede deducir, el ID es el id del elemento que contiene esta fila -->
		<td>campo 1</td>
		<td>campo 2</td>
		<td>campo 3</td>
		...
	</tr>
	<tr rel='2'>
		<td>campo 1</td>
		<td>campo 2</td>
		<td>campo 3</td>
		...
	</tr>
	...
</table> 
También tienes la sencilla posibilidad de añadir una nueva columna a la tabla, donde por cada fila habría un checkbox para seleccionarla.

Etiquetas: ajax, javascript, jquery, múltiple, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:01.