Formulario em abas com Vraptor + Hibernate + Jquery Tabs

9 de fevereiro de 2012 8 respostas

joserodrigues 9 de fevereiro de 2012

Pessoal estou com uma dúvida, espero que possam me ajudar: Tenho que realizar o cadastrado de um fornecedor, que possui relacionamento com uma tabela chamada endereço e outra dados bancarios, ambos de 1 para n. Assim eu dividi esse cadastro em 3 partes, com o jquery tabs utilizando includes do jsp, então eu tenho:

<div id="geral">
<div id="conteudo">

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Dados Fornecedor</a></li>
		<li><a href="#tabs-2">Dados Endereço</a></li>
		<li><a href="#tabs-3">Dados Bancarios</a></li>
		
	</ul>
	<div id="tabs-1">
		<jsp:include page="../fornecedor/form_fornecedor.jsp"></jsp:include>	
	</div>
	<div id="tabs-2">
		<jsp:include page="../endereco/form_endereco.jsp"></jsp:include>
	</div>	
	<div id="tabs-3">
			<jsp:include page="../fornecedor/form_dadosBancarios.jsp"></jsp:include>
	</div>	
</div>

</div><!-- End demo -->
</div>
  
<jsp:include page="/layout/rodape.jsp" />

<script>
	$(function() {
		$( "#tabs" ).tabs();
	});
</script>

Como eu preciso carregar os select box, referente a cidades e estados, eu não consegui pensar em uma forma de
chamar meu controller através desses includes já tentem também:

<jsp:include page="<%=request.getContextPath()%>/fornecedor/formulario""></jsp:include>

para chamar meu método no Fornecedor Controller para carregar o formulario, carregando també alguns select box.

Alguem poderia me passar uma idéia para eu chamar o meu controller? Desde já agradeço

8 Respostas

Lucas_Cavalcanti 9 de fev. de 2012

ao invés de jsp:include, tente com o c:import

joserodrigues 9 de fev. de 2012

Vlw Lucas deu certim a forma que você falou, agora eu queria que após eu salvasse os dados pessoais do fornecedor, redirecionasse para a segunda aba
que é a aba dos dados dos endereços.
Sabe aonde encontro alguma forma de fazer isso?

Lucas_Cavalcanti 9 de fev. de 2012

na documentação do jquery tabs

dá pra falar qual é a aba que vc quer que esteja aberta

joserodrigues 9 de fev. de 2012

Seria a tabs 2

<div id="tabs-2">  
        <jsp:include page="../endereco/form_endereco.jsp"></jsp:include>  
    </div>

joserodrigues 9 de fev. de 2012

Vlw deu certim eu ter procurado na documentação.
utilizei o seguinte código:

primeiramente eu bloquei as 2 outras abas:

$( "#tabs" ).tabs();		
$('#tabs').tabs("option","disabled", [1, 2, 3]);
e no meu formulário após o submit eu libero e passo para a outra aba
[code]
 $('#tabs').tabs("option","disabled",[2]);
 $("#tabs").tabs("select","#tabs-2");

Agora eu não sei como vou passar o id de Pessoa para o formulario de endereço, já que no meu caso 1 pessoa tem n endereços, alguma dica?
Obrigado

Lucas_Cavalcanti 9 de fev. de 2012

abre outro tópico com essa dúvida por favor, explicando um pouco melhor qual é o problema

joserodrigues 9 de fev. de 2012

Isso ta dificil, kkk, bom minha dúvida é quero três abas

1- formulario de fornecedor
2- formulario de endereco de fornecedor
3- dados bancarios do fornecedor

os 3 são páginas diferentes.
Assim quando eu salvar os dados do primeiro formulario, eu tenho q passar o id do fornecedor para a aba 2 entendeu?
Obrigado pela ajuda

Lucas_Cavalcanti 9 de fev. de 2012

então faça a aba 2 ser ajax, tem exemplos disso no site.

Criado 9 de fevereiro de 2012

Ultima resposta 9 de fev. de 2012

Respostas 8

Participantes 2

8 Respostas

Topicos relacionados