error al pasar Objeto funcion javascript

[jaimeM]

Buenas tardes, hago una consulta a una BD y Ajax JQuery.

Lo que quiero es pasar por parametros a una funcion Javascript.

Tengo lo siguiente

en el HTML tengo

<table id="tDetalle">

</table>

<br><br>

<span id="idFecha"></span>
<span id="idNombre"></span>

Codigo JavaScript

$.each(resul, function(key, val){

datos = {
fecha: val.fecha,
nombre: val.estacion
};

salida = '<tr onClick="abrirPopUp(datos)">';
salida += '<td>'+val.fecha+'</td>';
salida += '<td>'+val.nombre+'</td></tr>';
$('#tDetalle').append(salida);
});

y la funcion abrirPopUp tengo

function abrirPopUp(datos)
{
$("#idFecha").html(datos.fecha);
$("#idNombre").html(datos.nombre);
}

el problema es que no importa en cual TR de la tabla de click, siempre me muestra los datos del ultimo TR me explico.

si en la lista de la consulta tengo

2014-10-01, jaime
2014-09-28, juan
2014-09-29, maria
2014-09-30, lina

y doy clic sobre jaime me muestra los valores lina

espero me puedan ayudar gracias.

[GeekGirl]

El id que estás generando para cada tr es único? Si estás repitiendo el id, no va a devolverte el valor de cada registro ya que un id no puede repetirse. Hacé que el id sea único o usá class.

Saludos.

[jaimeM]

Gracias por su respuesta, pero si se da cuenta los TR no tienen ID ni CLASS

[carlos_belisario]

es que al crear la función estas indicando que mande el objeto datos y al momento de dar click el ultimo valor es el que envía deberás modificar la función y pasar ya los datos a la misma

Código Javascript:

function abrirPopUp(fecha, nombre)
{
$("#idFecha").html(fecha);
$("#idNombre").html(nombre);
}
 

y en la salida que necesitas

Código Javascript:

salida = '<tr onClick="abrirPopUp('  + val.fecha  +  ', '  +  val.estacion + ')">';
 

prueba y nos comentas

[jaimeM]

Gracias de hecho así lo desarrolle, simplemente intente cambiar la forma de enviar los parámetros a una función.

Me parece mas interesante enviar un objeto miFuncion(objeto) que enviar todos los parametros de esta forma miFuncion(par1,par2,par3,par4)

no habrá forma de hacer esto.

[America|UNK]

Prueba hacerlo sin el HTML concatenado y creando un nuevo elemento TR para poder manipularlo.

Código Javascript:

$.each(resul, function(key, objdatos) {
 
    var tr = $("<tr>")
    .append('<td>' + objdatos.fecha + '</td>')
    .append('<td>' + objdatos.nombre + '</td>')
    .click(function(){
        abrirPopUp(objdatos)
    });
    $('#tDetalle').append(tr)
    
});