Foros del Web » Creando para Internet » HTML »

Tabla de filas auto permutables.. ¿posible?

Estas en el tema de Tabla de filas auto permutables.. ¿posible? en el foro de HTML en Foros del Web. Hola No sé si este asunto debe ir aquí o en otro sitio. Espero no equivocarme esta vez Estoy haciendo una tabla expandible y colapsable ...
  #1 (permalink)  
Antiguo 17/08/2012, 08:53
 
Fecha de Ingreso: agosto-2012
Mensajes: 9
Antigüedad: 11 años, 8 meses
Puntos: 0
Tabla de filas auto permutables.. ¿posible?

Hola

No sé si este asunto debe ir aquí o en otro sitio. Espero no equivocarme esta vez

Estoy haciendo una tabla expandible y colapsable en html y javascript, con n-filas padre, que a su vez pueden clickearse para dar lugar, cada una de ellas, a varias filas hijas, las cuales pueden volver a ocultarse clickeando de nuevo sobre la fila padre.

Bien, lo que quisiera es saber si esas filas padre e hijas se podrían auto reordenar ellas mismas según unos criterios, dependiendo del valor de los datos que hay en ellas, sin que importe que sean filas hija o padre. Lo explicaré con un ejemplo ficticio.

Supongamos que tenemos esta tabla sencilla, con una cabecera y una fila padre (que contiene ocultas varias filas hijas). En este estado, quiero por ejemplo que la fila padre, la que vemos siempre, sea la del modelo cuya longitud es la mayor de todos los modelos incluidos en esa fila (tanto de la padre como las ocultas) es decir, el modelo TYU-234, de 64 m:



En cambio, cuando clickeemos sobre la fila padre, del modeo TYU-234, y aparezcan las filas hijas, quiero que todas las filas, tanto la padre como las hijas, aparezcan ordenadas por la antigüedad del modelo, de más moderno a más antiguo. Es decir, sería una función que permutaría la fila del modelo cuya longitud (64 m) es mayor, por la que tiene el modelo más reciente (TYU-236), dejando intactas las otras, que ya están ordenadas, haciendo que la fila padre de al principio, pasase a ser la 2ª fila hija, y la 2ª fila hija que estaba oculta previamente, pase a ser, tras expandir la tabla, la fila padre.



¿Cómo se hace algo así? ¿Se puede hacer?

Saludines
  #2 (permalink)  
Antiguo 17/08/2012, 09:24
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Tabla de filas auto permutables.. ¿posible?

Si lo vas a hacer del lado cliente, es javascript.

Y con una simple búsqueda de
ordenar tablas javascript
encuentras montones de ejemplos.

Si traes la tabla de una base de datos, podrías probar con

http://www.caricatos.net/citas/
http://www.caricatos.net/citas/consulta.php

Cuando se habla de "padre" es por lo general del elemento que contiene al que estamos haciendo referencia. En tu caso no hay duda sobre que estás hablando de otra cosa, porque no se puede anidar una fila dentro de otra fila, pero ten el dato en cuenta para cuando tengas que explicar algo así de nuevo.
  #3 (permalink)  
Antiguo 17/08/2012, 10:01
 
Fecha de Ingreso: agosto-2012
Mensajes: 9
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Tabla de filas auto permutables.. ¿posible?

Cita:
Cuando se habla de "padre" es por lo general del elemento que contiene al que estamos haciendo referencia. En tu caso no hay duda sobre que estás hablando de otra cosa, porque no se puede anidar una fila dentro de otra fila, pero ten el dato en cuenta para cuando tengas que explicar algo así de nuevo.
Sí, cierto. Con padre me refería a la "class" de cada fila, dentro del <tbody></tbody> de la tabla, unas tienen "class=parent", y otras "class=child-rowxx> , sorry

Cita:
Si lo vas a hacer del lado cliente, es javascript.

Y con una simple búsqueda de
ordenar tablas javascript
encuentras montones de ejemplos.

Si traes la tabla de una base de datos, podrías probar con

http://www.caricatos.net/citas/
http://www.caricatos.net/citas/consulta.php
No sé si con "del lado cliente", te refieres a que la tabla es ordenada activamente por el usuario, por medio de herramientas que va eligiendo, etc... Si te refieres a eso, tengo que decir que no es el caso de mi tabla. En mi caso, pretendo que las filas de la tabla se ordenen solas (o permuten) según dos variables distintas, dependiendo de si solo vemos las filas de class="padre", o por el contrario, también estamos viendo las filas de class="hija". Pensé que el ejemplo era bastante clarificador, pero creo que no se ha entendido aún

Última edición por krip_wlox; 17/08/2012 a las 10:11
  #4 (permalink)  
Antiguo 18/08/2012, 08:26
 
Fecha de Ingreso: agosto-2012
Mensajes: 9
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Tabla de filas auto permutables.. ¿posible?

No hay nadie que sepa implementar el efecto que quiero hacer?
  #5 (permalink)  
Antiguo 19/08/2012, 14:29
 
Fecha de Ingreso: agosto-2012
Mensajes: 9
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Tabla de filas auto permutables.. ¿posible?

Hola de nuevo.

He encontrado, rebuscando por la red, algo parecido a lo que yo quiero hacer . Es una tabla que se auto reordena ella sola, dependiendo de unos resultados vertidos por el servidor (no entiendo muy bien esto,pero bueno..) y lo hace incluso mediante animación, algo que también pretendía, pero que descarté al principio por creerlo demasiado complicado.

http://jsfiddle.net/hans/6qVf5/3/
(este ejemplo es a raíz de esta otra pregunta que hacen aquí: http://stackoverflow.com/questions/5161963/re-arrange-an-html-table-with-jquery-based-on-a-given-array-of-row-ids)

(espero que se puedan poner links de otros sitios, solo es para ilustrar lo que quiero conseguir, no pretendo hacer publicidad de nada)

Bien, la única diferencia es que no quiero que la ordenación sea aleatoria e indefinida, como en ese ejemplo, si no que simplemente tenga en cuenta los valores numéricos que puedan tener las filas, en cierta columna, y en consecuencia, ordene dichas filas, de mayor a menor o al revés, (según sea la variable involucrada) y se detenga tras estar ordenadas. Dicha ordenación, debe ejecutarse en el momento de expandir una determinada fila "parent", y que reordene tanto a ésta, como a sus filas "child" ocultas. Y a ser posible con animación como en ese ejemplo de arriba. Y una vez, se quiera hacer click sobre la fila "parent", para ocultar de nuevo las "child", dicha ordenación se invierta, y todo vuelva a ser como antes.

¿alguna ayudita?
  #6 (permalink)  
Antiguo 23/09/2012, 13:22
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Tabla de filas auto permutables.. ¿posible?

No deberías levantar el tema 24 horas después sólo "para que te vean".

Y queda claro que no estás buscando "una ayudita", sino que te hagan el trabajo. Aún ni sabemos si lo vas a usar con javascript con la tabla cargada del lado cliente, o con una base de datos con la nueva tabla traída desde el lado servidor.
En cualquier caso, hay mil ejemplos, no creo que nadie quiera hacer otro más que se adapte justo a tu necesidad. La idea es que los estudies y hagas el tuyo con esos modelos.
Pero primero vas a tener que aprender sobre lenguajes de programación. Es inevitable. De otra forma no hay manera de ayudarte.

Etiquetas: auto, filas, tabla
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 02:33.