Dùvida mais de um parâmetro na função

4 respostas Resolvido
P

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>";

4 Respostas

P

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”

MarcoBruno

Como é o HTML final que você esta querendo gerar com JavaScript?

P

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');
						
						
						
					});
P
Solucao aceita

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}' />')">
Criado 11 de janeiro de 2016
Ultima resposta 12 de jan. de 2016
Respostas 4
Participantes 2