Em um site, eu possuo a seguinte função em javascript pra me trazer em uma tabela o resultado de uma consulta SQL.
function buscaBoletos(){
$.ajax({
async: false, cache: false,
url: '[:raiz]emissaoBoletos/getBoletos',
data: ({
unidade: $('#comboUnidades').val(),
de: $('#txtData1').val(),
ate: $('#txtData2').val()
}),
dataType: 'json',
success: function(data) {
$('#divBoletosLista').hide();
var retorno = "";
if (data.length > 0){
for(var i = 0;i< data.length;i++){
retorno += "<tr>";
retorno += "<td style='text-align:left; width:300px'>"+data[i]['razaosocial']+"</td>";
retorno += "<td style='width: 100px'>"+data[i]['nossonumero']+"</td>";
retorno += "<td style='width: 80px'>"+data[i]['status']+"</td>";
retorno += "<td style='width: 80px'>"+data[i]['valor']+"</td>";
retorno += "<td style='width: 100px'>"+data[i]['dataemissao']+"</td>";
retorno += "<td style='width: 100px'>"+data[i]['datavencimento']+"</td>";
retorno += "<td><input class='botaoCad' type='button' value='Visualizar' style='float:none' onclick='verBoleto()'></td>";
retorno += "</tr>";
}
} else {
retorno = "<tr><td colspan='7' align='center'>"+$('#lblSemRegistros').val()+"</td></tr>";
}
$('#bodyBoletosLista').html(retorno);
$('#divBoletosLista').show();
$('#divTelaBoleto').hide();
}
});
}
Como próximo passo, eu gostaria de poder clicar no botão que é gerado na última coluna da linha (da funçao verBoleto) e, assim, preencher um boleto (em formato de tabela) com os dados da respectiva linha.
Como faço isso?