JQuery + Vraptor3 + tag select (RESOLVIDO)

JavaChild Membro desde: 19/01/2009 11:06:51 Mensagens: 101 Offline

Boa tarde pessoal.

Estou tentando fazer uma ordenação de lista, onde é carregada inicialmente uma lista de funcionários e caso eu selecione um departamento no select ele exibe só os funcionários daquele depto.

A minha ideia é a seguinte, tenho dois <c:foreach>..

esse chama tds os funcionarios...

c:forEach var="funcionario" items="${funcionarioList}">
											<tr id="func">
												<td id="id_func" style="display: none;">${funcionario.idFuncionario}</td>
												<td id="nome_func">${funcionario.nome}</td>
												<td id="email_func">${funcionario.email}</td>
												<c:choose>
													<c:when test="${funcionario.tipoFuncionario == true}">
														<td id="descricao" align="center">Sim</td>
													</c:when>
													<c:otherwise>
														<td id="descricao" align="center">Não</td>
													</c:otherwise>
												</c:choose>
												<td id="depto_func">${funcionario.depto}</td>
												<td><a
													href="<c:url value="/funcionarios/${funcionario.idFuncionario}" />">
														Editar </a></td>
												<td>
													<form
														action="<c:url value="/funcionarios/${funcionario.idFuncionario}"/>"
														method="post"">
														<button class="link" name="_method" value="DELETE">Excluir</button>
													</form></td>
											</tr>
									</c:forEach>

Esse chama só os funcionários do departamento...

<c:forEach var="funcionario" items="${funcionariosDepto}"> // nao sei se no items esta chamando corretamente o metodo do controller
											<tr id="func">
												<td id="id_func" style="display: none;">${funcionario.idFuncionario}</td>
												<td id="nome_func">${funcionario.nome}</td>
												<td id="email_func">${funcionario.email}</td>
												<c:choose>
													<c:when test="${funcionario.tipoFuncionario == true}">
														<td id="descricao" align="center">Sim</td>
													</c:when>
													<c:otherwise>
														<td id="descricao" align="center">Não</td>
													</c:otherwise>
												</c:choose>
												<td id="depto_func">${funcionario.depto}</td>
												<td><a
													href="<c:url value="/funcionarios/${funcionario.idFuncionario}" />">
														Editar </a></td>
												<td>
													<form
														action="<c:url value="/funcionarios/${funcionario.idFuncionario}"/>"
														method="post"">
														<button class="link" name="_method" value="DELETE">Excluir</button>
													</form></td>
											</tr>
									</c:forEach>

esse do depto esta display: none, pois quero que apareça somente quando selecionarem um depto, ai eu exibiria ele e esconderia o outro...

meu método do controller...

o jquery que estou usando...

Como que eu faço para chamar meu FuncionarioController pelo jQuery?

Bom, tentei ser o mais claro possível hehe... me desculpem pela minha inexperiência hehe

Obrigado pela ajuda desde já.

Abs

Veja no final do post http://www.guj.com.br/java/236884-resolvido-receber-json-no-vraptor-3

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6395 Online

leia a apostila do FJ-28 como o pbnf falou, mas resumindo vc usaria algo do tipo:

e no controller retornar a lista de funcionarios em json.

JavaChild Membro desde: 19/01/2009 11:06:51 Mensagens: 101 Offline

é pela apostila FJ-28 mesmo que estou estudando

então, quando seleciono um depto no select ele nao ta chamando certo meu jQuery...

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6395 Online

faltando um $ na segunda linha:

JavaChild Membro desde: 19/01/2009 11:06:51 Mensagens: 101 Offline

mesmo assim, nem chega no alert...

não seria algo errado no meu select?

abs

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6395 Online

acho que chamar o .change() do final não vai funcionar...

vc pode extrair a função:

JavaChild Membro desde: 19/01/2009 11:06:51 Mensagens: 101 Offline

opa... voltei a mexer com isso só hj hehe...

então, eu dei uma lida nesse tópico... http://www.guj.com.br/java/213443-resolvido-checkbox-dinamico-com-javascript-e-vraptor-3/4

daí mudei meu jquery, chamando ele pelo onchange no meu select...

mas qndo chega no meu controller, esta null...

alguém sabe o que estou fazendo de errado?

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6395 Online

bom, vc quer que a sigla fique na url, como está configurado no controller?

se sim, o nome do parâmetro no @Path tem que ser sigla (a menos que vc receba um Departamento ao invés da String)

e no javascript vc tem que passar o parâmetro na url:

JavaChild Membro desde: 19/01/2009 11:06:51 Mensagens: 101 Offline

bom dia Lucas...

obrigado, agora funcionou. Estou recebendo a string no meu método, mas pelo jeito o restante da function não executa, pois não some a linha e tb não aparece a outra

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6395 Online

pôe um alert('passei aqui') dentro da function e vê se ele aparece.

dá uma olhada no firebug (uma ext do firefox) pra ver se dá algum erro no javascript

JavaChild Membro desde: 19/01/2009 11:06:51 Mensagens: 101 Offline

Coloquei 2 alerts...

os alerts funcionam, porém, não funciona o hide nem o show

vou colocar meus métodos abaixo para ver se é algo errado neles..

controller...

método listar... o idDepto é uma variavel que criei no controller..

ah, eu debuguei pelo firebug e nada de erro de script

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6395 Online

se os alerts estão funcionando o problema é no javascript...

existe algum elemento com o id tr_list_all e tr_list_depto?

JavaChild Membro desde: 19/01/2009 11:06:51 Mensagens: 101 Offline

seguem as tr's...

<tr id="tr_list_all">
									<td colspan="5">									
									<c:forEach var="funcionario" items="${listarFuncionarios}">
											<tr id="func">
												<td id="id_func" style="display: none;">${funcionario.idFuncionario}</td>
												<td id="nome_func">${funcionario.nome}</td>
												<td id="email_func">${funcionario.email}</td>
												<c:choose>
													<c:when test="${funcionario.tipoFuncionario == true}">
														<td id="descricao" align="center">Sim</td>
													</c:when>
													<c:otherwise>
														<td id="descricao" align="center">Não</td>
													</c:otherwise>
												</c:choose>
												<td id="depto_func">${funcionario.depto.sigla}</td>
												<td><a
													href="<c:url value="/funcionarios/editar/${funcionario.idFuncionario}" />">
														Editar </a></td>
												<td>
													<form
														action="<c:url value="/funcionarios/excluir/${funcionario.idFuncionario}"/>"
														method="post"">
														<button class="link" name="_method" value="DELETE">Excluir</button>
													</form></td>
											</tr>
									</c:forEach>
									</td>
								</tr>
								<tr id="tr_list_depto" style="display: none;">
									<td colspan="5">
									<c:forEach var="funcionario" items="${listarFuncDepto}">
											<tr id="func">
												<td id="id_func" style="display: none;">${funcionario.idFuncionario}</td>
												<td id="nome_func">${funcionario.nome}</td>
												<td id="email_func">${funcionario.email}</td>
												<c:choose>
													<c:when test="${funcionario.tipoFuncionario == true}">
														<td id="descricao" align="center">Sim</td>
													</c:when>
													<c:otherwise>
														<td id="descricao" align="center">Não</td>
													</c:otherwise>
												</c:choose>
												<td id="depto_func">${funcionario.depto}</td>
												<td><a
													href="<c:url value="/funcionarios/editar/${funcionario.idFuncionario}" />">
														Editar </a></td>
												<td>
													<form
														action="<c:url value="/funcionarios/excluir/${funcionario.idFuncionario}"/>"
														method="post"">
														<button class="link" name="_method" value="DELETE">Excluir</button>
													</form></td>
											</tr>
									</c:forEach>									 
									</td>
								</tr>

GUJ Hacker Membro desde: 08/07/2007 00:08:14 Mensagens: 6395 Online

se vc executar as linhas no console do firebug acontece algo?

Notícias, artigos e o maior fórum brasileiro sobre Java