Я нуждаюсь в том, чтобы выбрать ячейку одного p:dataTable и потом загрузить данные на другой [закрытой] странице

Я нуждаюсь в том, чтобы выбрать ячейку одного p:dataTable и потом загружать данные о ячейке, выбранной на другой странице

1
задан 31.05.2017, 20:40
2 ответа

Возможно делать больших форм, по крайней мере, различных 5, я сфокусируюсь в единственном выборе и легко видя, что ты начинающий еще, ты нуждаешься в том, чтобы добавить событие onclick к чему-то, tr например или checkbox, внутри события ты помещаешь функцию, для того, чтобы он выделил tr, в котором ты нуждаешься, он может состоять в том, чтобы он существовал, одним выделенным тогда направлять все нормальные раньше и потом выделять специфическое средство.

Нечто похожее:

function Resalta(row){
    try{
        for(var iIdx=1; iIdx<4; iIdx++)
        {
            document.getElementById("tr" + iIdx).style.backgroundColor='#ffffff'; 
        }
        document.getElementById("tr" + row).style.backgroundColor='#003F87'; 
    }catch(e){
        alert(e.message);
    }
}

HTML

<table> <tr id="tr1" onclick="javascript:Resalta(1);"><td>1<td><tr> <tr id="tr2" onclick="javascript:Resalta(2);"><td>2<td><tr> <tr id="tr3" onclick="javascript:Resalta(3);"><td>3<td><tr> </table>
0
ответ дан 24.11.2019, 14:28

Прицел оставил тебе пример для версии JS nátivo без использования Jquery, как они прокомментировали этот тебе, это другой способ решать проблему.

// Aquí yo asumo que tienes un depósito de datos en un Object, lo puedes cambiar por lo que ocupes
var data = {"UJHY54":{"genero":"Masculino","tipoSangre":"O Positivo"},
            "DEWX38":{"genero":"Masculino","tipoSangre":"RH Positivo"},
            "GTYU76":{"genero":"Femenino","tipoSangre":"O Negativo"}
           }
//Primeramente busco la tabla que actualmente tengo en el página, ojo, si tienes mas tablas entonces deberas agregar el ID de tu tabla.
var a = document.querySelectorAll("table tbody tr"); //Buscamos todos los tr del Body en la Tabla
if(a != undefined && a != null){ //Verificamos que la variable a no esta undefined y distinta de null
  for(var b in a){ //Como el querySelectorAll nos devuelve un array, entonces iteramos
    var c = a[b];
    if(typeof c === "object"){ // filtramos solo los tr que son tipo object
      c.onclick = function (){ //Agregamos evento onclick al TR
        var id = this.children[0].textContent; //Obtenemos el ID que esta en la primera columna del TR
        var ventana = window.open("", "Ventana Externa", "width=200,height=100"); // Creamos una ventana
        ventana.document.write("<p>Genero: "+data[id].genero+"</p><p>Tipo Sangre: "+data[id].tipoSangre+"</p>"); // Le insertamos los datos que tenemos en el deposito del Object llamado data y listo.
      }
    }
  }
}
table tbody tr:hover{
background: yellow;
  color: red;
  cursor: pointer;
}
<table cellspacing=0>
<thead><tr><th>ID</th><th>Nombre</th><th>Paterno</th><th>País</th><th>Edad</th></tr></thead>
<tbody>
<tr><td>UJHY54</td><td>Alfonso</td><td>Carrasco</td><td>México</td><td>31 Años</td></tr>
<tr><td>DEWX38</td><td>Raul</td><td>Méndez</td><td>Brasil</td><td>20 Años</td></tr>
<tr><td>GTYU76</td><td>Lorena</td><td>Lopez</td><td>Venezuela</td><td>19 Años</td></tr>
</tbody>
</table>
-1
ответ дан 24.11.2019, 14:28