A minha função gerarContatosChamado
retorna uma tabela HTML formatada com os valores que ela recebe do parâmetro records
, isso funciona corretamente a tabela vem toda formatada com os dados certos de todos os contatos.
O problema acontece na linha href
onde chamo a função: gerenciarContatosChamado(\'atualizar\',resposta.contato,\'table\')
o console alega que a variável resposta está indefinida, o que é estranho pois eu consigo usar ela dentro de todo o for depois que ela é retornada do da função de execução imediata.
O código:
function gerarContatosChamado(records)
{
var contatosTable = '';
contatosTable +=
'<tr>'+
'<td>'+
'Nome'+
'</td>'+
'<td style="text-align:center !important;">'+
'Telefones'+
'</td>'+
'<td style="text-align:center !important;">'+
'Email'+
'</td>'+
'<td style="text-align:center !important;">'+
'Horários para contato'+
'</td>'+
'<td style="text-align:center !important;">'+
'Opções do contato'+
'</td>'+
'</tr>';
var Contatos = records.get('Contatos');
for (var i=0;i < Contatos.length;i++)
{
var resposta = function(j)
{
var objeto = {};
var contatoChamadoModel = Ext.create('contatoChamado.Model', {
idContato : records.get('Contatos')[j].idContato,
nomeContato : records.get('Contatos')[j].nomeContato,
telefonesContato : records.get('Contatos')[j].telefonesContato,
emailContato: records.get('Contatos')[j].emailContato,
horariosContato: records.get('Contatos')[j].horariosContato,
tipoHorarioContato: records.get('Contatos')[j].tipoHorarioContato
});
objeto.contato = contatoChamadoModel;
return objeto;
}(i);
// protocoloChamado: records.get('protocoloChamado')
//var aux_TelefonesContato=itensContato[1].split(",");
//var aux_TiTleTelefonesContato='Telefones: \n';
// var horariosContato;
// if(contato.tipoHorarioContato == 1)
//horariosContato = '24 horas';
//else if (contato.tipoHorarioContato == 2)
//horariosContato = 'horário comercial';
//else
//horariosContato = 'personalizado: '+contato.horariosContato;
contatosTable +=
'<tr>'+
'<td>'+
resposta.contato.get('nomeContato')+
'</td>'+
'<td>'+
resposta.contato.get('telefonesContato')+
'</td>'+
'<td>'+
resposta.contato.get('emailContato')+
'</td>'+
'<td style="text-align:center !important">'+
resposta.contato.get('horariosContato')+
'</td>'+
'<td style="text-align:center !important">'+
'<a href="javascript:gerenciarContatosChamado(\'atualizar\',resposta.contato,\'table\')">Modificar</a> <img src="../extjs/shared/icons/fam/user_edit.png"> <a href="javascript:void(0)"'+
'</td>'+
'</tr>';
}
return '<div class="CSSTableGenerator" >'+
'<table >'+
'<tr>'+
'<td colspan=5>'+
'Contatos'+
'</td>'+
'</tr>'+
contatosTable
+ '</table>'+
'</div>';
}
gerenciarContatosChamado
usando JavaScript inline, qualquer referência a variável precisa ser global, e por issoresposta
está fora de escopo. Não vai ter como você passar esse objeto sem uma mudança mais radical nesse código.resposta
global, que não existe, quando na verdade você queria um objeto resposta específico que você gera durante o loop e está fora de escopo. Depois vejo se consigo te dar um caminho, se ninguém fizer isso antes. Sobre a formatação, o site não lida bem com tabs, se você usar sempre espaços para indentar fica ok.