Neo Framework Forum

Bom dia,

Gostaria de pedir uma ajuda, queria saber como posso fazer uma tela de cadastro com duas abas ou mais?

Por exemplo:

1° - Tenho um cadastro de Orçamento, nele tenho os atributos (id, observacao, cliente e duas listas uma de Peças e outra de Serviços);

2ª - A tela teria os campos de observacao e cliente e abaixo deles duas abas uma para Serviço e outra para Peças;

3ª - Quando eu selecionar uma delas devem aparecer os campos para adicionar e um grid com os objetos já inseridos, sempre que eu adicionar um novo objeto devo permanecer na mesma tela e quando eu clicar em salvar o Orçamento o sistema salvará tudo nas suas respectivas tabelas.

O que vocês acham?

Abraços

Code:

 <t:entrada>
     <t:janelaEntrada>
         <t:tabelaEntrada>
             <t:property name="id"/>
             <t:property name="nome"/>
             <t:property name="sigla"/>
         </t:tabelaEntrada>
     </t:janelaEntrada>
     <n:panel name="Nome da aba">
                conteudo aqui
      </n:panel>
 </t:entrada>

Seria isso?

Mas não apareceu as abas, só o que estava dentro do panel...

E no caso da ação adicionar, tenho que fazer o redirecionamento do metodo para a mesma tela e na mesma aba?

oopss.. vacilo meu..

poe assim:

Code:

 <t:entrada>
      <t:janelaEntrada>
          <t:tabelaEntrada>
              <t:property name="id"/>
              <t:property name="nome"/>
              <t:property name="sigla"/>
          </t:tabelaEntrada>
          <n:panel name="Nome da aba">
                 conteudo aqui
          </n:panel>
      </t:janelaEntrada>
  </t:entrada>

Pedro,

Eu fiz aqui e apareceu as abas agora, só que surgiu uma dúvida...

Do geito que vc me passou ele criou 3 abas, só que eu queria que fica-se dois campos para ser digitados e abaixo dele 2 abas, da forma que mesmo mudando de aba, o usuario continua vendo qual cliente foi selecionado e qual a observação digitada.

olha como eu fiz:

Code:

 <%@ taglib prefix="n" uri="neo"%>
 <%@ taglib prefix="t" uri="template"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 
 <t:entrada titulo="Cadastro de Orçamento">
 	<t:janelaEntrada>
 		<t:tabelaEntrada>
 			<t:property name="id"/>
 			<t:property name="cliente" selectOnePath="/secured/crud/cliente"/>
 			<t:property name="observacao"/>
 		</t:tabelaEntrada>
 		<n:panel name="Peças">
 	        conteudo aqui
 	    </n:panel>
 	    <n:panel name="Serviços">
 	        conteudo aqui
 	    </n:panel>
 	</t:janelaEntrada>
 </t:entrada>

Ah tah!!!

Dê uma olhada na documentação :

http://www.neoframework.org/dist/documentacao/index.html

Vai em componentes.. tópico 7.2.5 - n:tabPanel

até!

Pedro

Boa tarde,

Olha não consegui alinhar esses componentes direito...

Code:

 <%@ taglib prefix="n" uri="neo"%>
 <%@ taglib prefix="t" uri="template"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 
 <t:entrada titulo="Cadastro de Orçamento">
 	<t:janelaEntrada>
 		<t:tabelaEntrada>
 			<t:property name="id"/>
 			<t:property name="cliente" selectOnePath="/secured/crud/cliente"/>
 			<t:property name="observacao" type="TEXT_AREA"/>
 			<table border="0" cellpadding="0" cellspacing="0" width="100%">
 				<n:tabPanel id="tb1">
 					<n:panel name="pecas" title="Peças">
 			        	<n:bean name="orcamentoEstoque" valueType="bean.OrcamentoEstoque" varLabel="Peça">
 							<n:property name="estoque" varLabel="Estoque"><n:input/></n:property>
 							<n:property name="quantidade"><n:input/></n:property>
 							<n:property name="unitario"><n:input/></n:property>
 							<n:property name="observacao"><n:input/></n:property>
 							<n:submit action="adicionarPeca">Adicionar</n:submit>
 						</n:bean>
 						<n:dataGrid itens="${pecas}">
 						    <t:property name="observacao" renderAs="column"/>
 						</n:dataGrid>
 				    </n:panel>
 				    <n:panel name="servicos" title="Serviços">
 			        	<n:bean name="orcamentoServico" valueType="bean.OrcamentoServico" varLabel="Serviço">
 							<n:property name="servico"><n:input/></n:property>
 							<n:property name="valor"><n:input/></n:property>
 							<n:property name="observacao"><n:input/></n:property>
 							<n:submit action="adicionarServico">Adicionar</n:submit>
 						</n:bean>
 						<n:dataGrid itens="${servicos}">
 						    <t:property name="observacao" renderAs="column"/>
 		   				</n:dataGrid>
 					</n:panel>
 		    	</n:tabPanel>
 		    </table>
 	    </t:tabelaEntrada>
 	</t:janelaEntrada>
 </t:entrada>

Como posso fazer para isso ficar melhor?

Abraços

Faz assim:

Code:

  <%@ taglib prefix="n" uri="neo"%>
  <%@ taglib prefix="t" uri="template"%>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  
  <t:entrada titulo="Cadastro de Orçamento">
  	<t:janelaEntrada>
  		<t:tabelaEntrada>
  			<t:property name="id"/>
  			<t:property name="cliente" selectOnePath="/secured/crud/cliente"/>
  			<t:property name="observacao" type="TEXT_AREA"/>
  			<n:panel>
  				<n:tabPanel id="tb1">
  					<n:panel name="pecas" title="Peças">
  			        	<n:bean name="orcamentoEstoque" valueType="bean.OrcamentoEstoque" varLabel="Peça">
  							<n:property name="estoque" varLabel="Estoque"><n:input/></n:property>
  							<n:property name="quantidade"><n:input/></n:property>
  							<n:property name="unitario"><n:input/></n:property>
  							<n:property name="observacao"><n:input/></n:property>
  							<n:submit action="adicionarPeca">Adicionar</n:submit>
  						</n:bean>
  						<n:dataGrid itens="${pecas}">
  						    <t:property name="observacao" renderAs="column"/>
  						</n:dataGrid>
  				    </n:panel>
  				    <n:panel name="servicos" title="Serviços">
  			        	<n:bean name="orcamentoServico" valueType="bean.OrcamentoServico" varLabel="Serviço">
  							<n:property name="servico"><n:input/></n:property>
  							<n:property name="valor"><n:input/></n:property>
  							<n:property name="observacao"><n:input/></n:property>
  							<n:submit action="adicionarServico">Adicionar</n:submit>
  						</n:bean>
  						<n:dataGrid itens="${servicos}">
  						    <t:property name="observacao" renderAs="column"/>
  		   				</n:dataGrid>
  					</n:panel>
  		    	</n:tabPanel>
  		    </n:panel>
  	    </t:tabelaEntrada>
  	</t:janelaEntrada>
  </t:entrada>

Se necessário, utilize o atributo colspan da tag n:panel que substitui no lugar da table.

[]'s

Pedro,

Fiz como vc disse, ele alinhou as propriedades fora dos tabs, mas as que estão dentro dos tabs estão em uma unica linha e sem o textos dos inputs.

huuumm.. entendi...

Code:

 <n:property name="estoque" varLabel="Estoque"><n:input/></n:property>
   							<n:property name="quantidade"><n:input/></n:property>
   							<n:property name="unitario"><n:input/></n:property>
   							<n:property name="observacao"><n:input/></n:property>
   							<n:submit action="adicionarPeca">Adicionar</n:submit>

em volta disso ai em cima põe um panelGrid..

Olha aqui na documentação

http://www.neoframework.org/dist/documentacao/cap_componentes.html

tópico 7.2.4