Pacato
Janeiro 11, 2016, 1:09pm
#1
Pessoal,
envio dados da jsp para uma função js para chamar servlet… mas queria enviar mais de um parâmetro, mas está dando erro pq não estou conseguindo separar cada parâmetro:
No js:
Antes:
var linkExclusao = "<a href=''#'>" + "<img alt='Excluir Alerta' src='img/delete.png' width='15' height='15' onclick='confirmarExcluirAlerta('";
dados+="<td>" + linkExclusao + o.codAlerta "')'></a></td>";
Depois (errado):
dados+="<td>" + linkExclusao + o.codAlerta + ',' + o.codNvlAlertaMax + ',' + o.codNvlAlertaAtual + ',' + o.dispositivo + ',' + o.placa + ',' + o.dataEnvio + ',' + o.codAlertaPos + ',' + o.codAlertaDiaSemana + ',' + o.codAlertaHora + ',' + o.codAlertaDirecao + ',' + o.codAlertaVel "')'></a></td>";
Pacato
Janeiro 11, 2016, 5:18pm
#2
O Onclick também está dando erro, não sei se está certo assim:
onclick="confirmarExcluirAlerta('${listaAlertas.codAlerta}', '${listaAlertas.codNvlAlertaMax}',
'${listaAlertas.codNvlAlertaAtual}, '${listaAlertas.dispositivo}, '${listaAlertas.placa}',
'${listaAlertas.dataEnvio}, '${listaAlertas.codAlertaPos}, '${listaAlertas.codAlertaDiaSemana}',
'${listaAlertas.codAlertaHora}, '${listaAlertas.codAlertaDirecao}, '${listaAlertas.codAlertaVel}')">
Alguns registros com valores, apresenta undefined “valor”
Como é o HTML final que você esta querendo gerar com JavaScript?
Pacato
Janeiro 12, 2016, 9:48am
#4
Essa tabela que está em html, é que uso o JS para ficar fazendo a chamada no servlet para atualizar a cada X tempo:
tabela no jsp (html):
<tbody>
<c:forEach var="listaAlertas" varStatus="alerta"
items="${listaAlertas}">
<tr id="cor1">
<fmt:parseNumber var="nvlAlerta" integerOnly="true"
type="number" value="${listaAlertas.codNvlAlertaMax}" />
<c:if test="${nvlAlerta >= 1 && nvlAlerta <= 2}">
<td><img src="img/baixo.png" width="16" height="16" />
</td>
</c:if>
<c:if test="${nvlAlerta >= 3 && nvlAlerta <= 4}">
<td><img src="img/medio.png" width="16" height="16" />
</td>
</c:if>
<c:if test="${nvlAlerta >= 5}">
<td><img src="img/alto.gif" width="16" height="16" />
</td>
</c:if>
<td><c:out
value='${listaAlertas.codNvlAlertaMax != "" ? listaAlertas.codNvlAlertaMax : "-"}' /></td>
<td><c:out
value='${listaAlertas.codNvlAlertaAtual != "" ? listaAlertas.codNvlAlertaAtual : "-"}' /></td>
<%-- <td style="visibility: hidden"><c:out value='${listaAlertas.codAlerta}' /></td> --%>
<td><c:out value='${listaAlertas.dispositivo}' /></td>
<td><c:out
value='${listaAlertas.dataEnvio != "" ? listaAlertas.dataEnvio : "-"}' /></td>
<td><c:out
value='${listaAlertas.codAlertaPos != "" ? listaAlertas.codAlertaPos : "N"}' /></td>
<td><c:out
value='${listaAlertas.codAlertaDiaSemana != "" ? listaAlertas.codAlertaDiaSemana : "N"}' /></td>
<td><c:out
value='${listaAlertas.codAlertaHora != "" ? listaAlertas.codAlertaHora : "N"}' /></td>
<td><c:out
value='${listaAlertas.codAlertaDirecao != "" ? listaAlertas.codAlertaDirecao : "N"}' /></td>
<td><c:out
value='${listaAlertas.codAlertaVel != "" ? listaAlertas.codAlertaVel : "N"}' /></td>
<td><a href="#"> <img alt="Excluir Alerta"
src="img/delete.png" width="15" height="15"
onclick="confirmarExcluirAlerta(${listaAlertas.codAlerta}, ${listaAlertas.codNvlAlertaMax},
${listaAlertas.codNvlAlertaAtual}, ${listaAlertas.dispositivo}, ${listaAlertas.placa},
${listaAlertas.dataEnvio}, ${listaAlertas.codAlertaPos}, ${listaAlertas.codAlertaDiaSemana},
${listaAlertas.codAlertaHora}, ${listaAlertas.codAlertaDirecao}, ${listaAlertas.codAlertaVel})">
</a></td>
<td><a href="#"> <img alt="Lista de Eventos"
src="img/lista256.png" width="15" height="15"
onclick="listaEventos('${listaAlertas.dispositivo}')">
</a></td>
</tr>
</c:forEach>
</tbody>
JS:
function atualiza() {
$
.ajax({
type : "POST",
url : "ServletAlertaRN"
})
.done(
function(data) {
var dados = "";
$('#tabelaAlerta tbody').html("");
//style='margin-left:40%'
var linkExclusao = "<a href=''#'>"
+ "<img alt='Excluir Alerta' src='img/delete.png' width='15' height='15' onclick='confirmarExcluirAlerta('";
var linkEvento = "<a href=''#'>"
+ "<img alt='Lista de Eventos' src='img/lista256.png' width='15' height='15' onclick='listaEventos('";
data
.forEach(function(o) {
dados+="<tr>";
if (parseInt(o.codNvlAlertaMax) <= 2){
dados+="<td><img src='img/baixo.png' width='16' height='16' /></td>";
} else if (parseInt(o.codNvlAlertaMax) >= 3 && parseInt(o.codNvlAlertaMax) <= 4){
dados+="<td><img src='img/medio.png' width='16' height='16' /></td>";
} else if (parseInt(o.codNvlAlertaMax) >= 5){
dados+="<td><img src='img/alto.gif' width='16' height='16' /></td>";
} else {
dados+="<td> - </td>";
}
dados+="<td>" + o.codNvlAlertaMax + "</td>";
dados+="<td>" + o.codNvlAlertaAtual + "</td>";
/*dados+="<td style='visibility: hidden'>" + o.codAlerta + "</td>";*/
dados+="<td>" + o.dispositivo + "</td>";
dados+="<td>" + o.dataEnvio + "</td>";
if(o.codAlertaPos == "" || o.codAlertaPos == null){
dados+="<td> N </td>";
} else {
dados+="<td>" + o.codAlertaPos + "</td>";
}
if(o.codAlertaDiaSemana == "" || o.codAlertaDiaSemana == null){
dados+="<td> N </td>";
} else {
dados+="<td>" + o.codAlertaDiaSemana + "</td>";
}
if(o.codAlertaHora == "" || o.codAlertaHora == null){
dados+="<td> N </td>";
} else {
dados+="<td>" + o.codAlertaHora + "</td>";
}
if(o.codAlertaDirecao == "" || o.codAlertaDirecao == null){
dados+="<td> N </td>";
} else {
dados+="<td>" + o.codAlertaDirecao + "</td>";
}
if(o.codAlertaVel == "" || o.codAlertaVel == null){
dados+="<td> N </td>";
} else {
dados+="<td>" + o.codAlertaVel + "</td>";
}
dados+="<td>" + linkExclusao + o.codAlerta + ',' + o.codNvlAlertaMax + ',' + o.codNvlAlertaAtual + ',' + o.dispositivo + o.dataEnvio + ',' + o.codAlertaPos + ',' + o.codAlertaDiaSemana + ',' + o.codAlertaHora + ',' + o.codAlertaDirecao + ',' + o.codAlertaVel + "')'></a></td>";
dados+="<td>" + linkEvento + o.dispositivo + "')'></a></td>";
dados+="</tr>";
});
$('#tabelaAlerta tbody').append(dados).trigger('footable_redraw');
});
Pacato
Janeiro 12, 2016, 3:48pm
#5
Por alguma razão, esta outra maneira que mostrei não estava indo, mudei para os comandos em jstl e agora fucnionou:
onclick="confirmarExcluirAlerta('<c:out value='${listaAlertas.codAlerta}'/>', '<c:out value='${listaAlertas.codNvlAlertaMax}'/>',
'<c:out value='${listaAlertas.codNvlAlertaAtual}'/>', '<c:out value='${listaAlertas.dispositivo}' />',
'<c:out value='${listaAlertas.dataEnvio}' />',
'<c:out value='${listaAlertas.codAlertaPos}' />', '<c:out value='${listaAlertas.codAlertaDiaSemana}' />',
'<c:out value='${listaAlertas.codAlertaHora}' />', '<c:out value='${listaAlertas.codAlertaDirecao}'/>',
'<c:out value='${listaAlertas.codAlertaVel}' />')">