Estou desenvolvendo um app web em java utilizando o framework Spring MVC. Porém chegou uma parte no projeto que estou quebrando a cabeça!.
Antes vou mostrar o print da tela para facilitar o entendimento.
Imagem:
O que eu quero fazer é o seguinte: quando o usuário selecionar a empresa, os elementos abaixo (salário, 13º salário e Informe de rendimentos) serão carregados dinamicamente. Nem todas as empresas tem todas as opções. Obs: Aquele botão gerar demonstrativo não existira mais.
Depois de algumas pesquisas pensei em fazer assim:
Criar uma função em javascript para pegar a ação do select e enviar o item selecionado via ajax. Pelo que entendi, posso usar a annotation
@RequestBody
para ler ojson
enviado pelo ajax.Com o item selecionado em mãos, consigo passa-lo como parâmetro no select que faço no banco que traz as opções disponíveis para aquela empresa.
com a annotation
@ResponseBody
envio umjson
com as opções e crio as tags com javascript.
Não sei se a lógica está certa, mas o problema disso tudo é que não sei fazer.
Minha dúvidas:
Como eu recupero o item selecionado e envio para o controller do spring? Por exemplo: eu tenho um objeto empresa que tem os atributos nome e CNPJ, como pego o atributo CNPJ do item selecionado e envio para controller?
Depois como eu devolvo para a pagina os itens disponíveis para aquela empresa?
Vejam como está o método do meu controller:
@RequestMapping(value = "/", method = RequestMethod.GET)
public String index(Model model,
@ModelAttribute("usuarioLogado") Usuario usuario,
Empresa empresa) {
Funcionario funcionario = daoFuncionario.getFuncionario(usuario);
List<Empresa> empresas = daoEmpresa.listaEmpresas(funcionario);
model.addAttribute("empresa", empresa);
model.addAttribute("funcionario", funcionario);
model.addAttribute("empresas", empresas);
return "usuario/menu";
}
Agora a página:
<form:form commandName="empresa" class="form-horizontal">
<fieldset>
<legend>Olá, ${funcionario.nome}</legend>
<!-- Select Empresa -->
<div class="form-group">
<label for="empresa">Empresa </label>
<!--
<select class="form-control">
<c:forEach items="${empresas}" var="empresa">
<option value="${empresa.cnpj}">
${empresa.cnpjFormatado}- ${empresa.razaoSocial}
</option>
</c:forEach>
</select>
-->
<form:select path="razaoSocial" class="form-control">
<form:options items="${empresas}" />
</form:select>
Não sei também qual a melhor forma de fazer o select. Da primeira forma usando c:forEach
ou usando a próprio select do spring.
EDIT
Pessoal, estou conseguindo pegar o item selecionado no controller assim:
$(document).ready(function() {
function empresaSelecionaClick() {
var cnpj = $("#razaoSocial option:selected" ).val();
var json = {cnpj : cnpj}
$.ajax({
type: 'POST',
url: 'menuDinamico',
contentType: 'application/json',
data: JSON.stringify(json),
success : function(resposta){
// pegar a lista e montar os elementos
}
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
});
}
$("#razaoSocial").change(empresaSelecionaClick);
});
Métodos no controller:
@RequestMapping(value = "/menu", method = RequestMethod.GET)
public @ResponseBody ModelAndView menu(@ModelAttribute("usuarioLogado") Usuario usuario, Empresa empresa) {
ModelAndView mav = new ModelAndView("usuario/menu");
Funcionario funcionario = daoFuncionario.getFuncionario(usuario);
mav.addObject("funcionario", funcionario);
mav.addObject("empresa", empresa);
mav.addObject("empresas", daoEmpresa.listaEmpresas(funcionario));
return mav;
}
@RequestMapping(value = "/menuDinamico", method = RequestMethod.POST)
private @ResponseBody List<UltimoPeriodoAberto> listaOpcoes(@RequestBody Empresa empresa) {
List<UltimoPeriodoAberto> opcoes = daoUltimoPeriodoAberto.getPeriodoHolerite(empresa);
System.out.println("CNPJ empresa: " + empresa.getCnpj());
for (UltimoPeriodoAberto ultimoPeriodoAberto : opcoes) {
System.out.println(ultimoPeriodoAberto.getDescricao());
}
return opcoes;
}
Porém no segundo método está dando null pointer execption na linha:
List<UltimoPeriodoAberto> opcoes = daoUltimoPeriodoAberto.getPeriodoHolerite(empresa);
Não estou conseguindo identificar o erro.
EDIT
Bom, eu consegui resolver. Fiz assim
Troquei a anotação @RequestBody
pela @ModelAttribute
:
@RequestMapping(value = "/menuDinamico", method = RequestMethod.POST)
public @ResponseBody List<UltimoPeriodoAberto> opcoesDinamicas(@ModelAttribute("empresa") Empresa empresa) {
System.out.println(empresa.getCnpj());
List<UltimoPeriodoAberto> opcoes = daoUltimoPeriodoAberto.getPeriodoHolerite(empresa);
System.out.println(opcoes.size());
return opcoes;
}
Mudei a requisição ajax também..
$(document).ready(function() {
function empresaSelecionaClick() {
var empresa = $(this).serialize();
$.ajax({
type: 'POST',
url: 'menuDinamico',
data: empresa,
})
.done(function(data) {
console.log("success");
console.log(data)
})
.fail(function() {
console.log("error");
});
}
$("#cnpj").change(empresaSelecionaClick);
});
Agora estou recebendo o erro 406
no ajax:
The resource identified by this request is only capable of generating responses with characteristics not acceptable according to the request "accept" headers
O ajax não está conseguindo pegar a minha lista, alguém tem alguma sugestão?