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…
// METODO QUE LISTA TODOS OS FUNCIONARIOS POR DEPARTAMENTO
@Get
@Path("/funcionarios/depto/{depto}")
public List<Funcionario> getFuncionariosDepto(String depto){
List<Funcionario> funcionarios = dao.listarFuncDeptos(depto);
return funcionarios;
}
o jquery que estou usando…
// Exibe a lista de funcionários por departamento
$(function(){
("#sel_depto").change(function(){
exibirListaDepto();}).change();
});
function exibirListaDepto(){
var depto = $("#sel_depto").val();
if (depto != null) {
$.get('/funcionarios/depto/', depto);
$("#tr_list_all").hide();
$("#tr_list_depto").show();
}
else {
$("#tr_list_all").show();
$("#tr_list_depto").hide();
}
}
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
