Utilizar mais de um Dialog do Jquery na mesma página

Boa tarde galera, estou desesperado… já estou a mais de 2 horas tentando aqui e sempre da problema…

Estou tentando abrir vários modais na mesma página, até consigo fazer isso, mas quando eu mando para o Servlet ele retorna o ID do último dado cadastrado, pois o ID do script do Dialog fica o mesmo, então ele sempre sobrepõe… alguém pode me ajudar ?

Abaixo estou pegando o ID do agendamento:

Integer id = ad.findAgendamento(s.getCodigo(), data, "09:00:00").getIdAgendamento();

Este é o Script do Dialog:

<script>
$(function() {

	// Dialog
	$('#dialog').dialog({
		autoOpen : false,
		width : 350,
		buttons : {
			"Editar" : function() {
				location.href = "ControleAgendamento?cmd=alteraAgendamentoAdm1&idAgendamento=<%=id%>";
			},

			"Desmarcar" : function() {
				location.href = "ControleAgendamento?cmd=deleteAgendamentoAdm&idAgendamento=<%=id%>";
			}
		}
	});

	// Dialog Link
	$('#dialog_link<%=id%>').click(function() {
		$('#dialog').dialog('open');
		return false;
	});

	// hover states on the static widgets
	$('#dialog_link<%=id%>, ul#icons li').hover(function() {
		$(this).addClass('ui-state-hover');
	}, function() {
		$(this).removeClass('ui-state-hover');
	});

});
</script>

Abaixo está o link do Dialog, com o ID dialog_link<%=id%>.

<a href="#" id="dialog_link<%=id %>" onmouseover="Tip('<%=ad.findAgendamentoAhover(s.getCodigo(), data, "09:00:00") %>')" class="ui-state-default ui-corner-all" onclick="ajax('ControleAgendamento?cmd=consultaModal&idAgendamento='+'<%=id %>','resposta')" onmouseout="UnTip()"><img src="images/icon/reserved.png" alt="Reservado" border="0" width="16" height="16"/></a>

Esse código se repete algumas outras vezes… Só mudando o ID do agendamento… ai quando eu mando buscar os dados do agendamento que eu clico, ele tras o ÚLTIMO AGENDAMENTO… pois eu acho que ele está sobrepondo os um a um… alguém me ajudaria a mudar aquele #dialog ali… ou algo do tipo…

MUITO OBRIGADO AMIGOS…

Topicos relacionados