Esta funcionalidad permite cargar a los diferentes input que se tienen en una pagina con datos que se presentan en una tabla.
Para utilizarlo deben colocar en el class de la tabla el nombre tblListado. Luego, a cada input que quieren afectar, agregar en el class el nombre col + el numero de columna de la información. ej: col1, col2, col3, etc.
El codigo verifica el type y asigna el valor.
Hay que tener especial cuidado con los radio y checkbox, dependerá de la cantidad y sus valores, el que el código se adapte y marque como corresponda
$(function ()
{
$(".tblListado tr").click(function ()
{
var fila = $(this);
if(!fila.index())
return;
var valores="";
var col =1;
$(this).children("td").each( function(index)
{
if(index == 0) // si existe un encabezado
return;
var tipo = $(".col" + col).prop("type");
if(tipo == "text" || tipo == "hidden" || tipo == "select-one")
$(".col" + col).val($(this).text());
else if(tipo == "checkbox")
$(".col" + col).prop("checked",($(this).text().toLowerCase()== "si"?true:false));
else if(tipo == "radio")
{
var valor = $(this).text().toLowerCase();
if(valor == "si")
$(".col" + col + "")[0].checked= true;
else
$(".col" + col + "")[1].checked= true;
}
col++;
});
});
});
|