Problema Renderização de Campos com JSF e a4j:support [RESOLVIDO]

23 de dezembro de 2009 12 respostas

jeroqueiroz 23 de dezembro de 2009

Pessoal,

To com o seguinte problema:

Estou utilizando uma checkbox onde o mesmo utiliza a4j:support para alterar o seu atributo quando ele e selecionado, sendo que ao mesmo tempo estou chamando um reRender neste a4j:support para o fielset onde o checkbox esta seja renderizado, então com alteração do atributo boolean do ckeck tenho neste mesmo fieldset um panelGroup onde possui alguns campos que estão sendo exibitos pela seleção do combo.

Logo abaixo deste checkbox possui mais campos na tela, sendo que quando o checkbox e selecionado o mesmo exibe os campos que estão neste panelGroup.

O problema é que quando exibe este campos jogos os demais que estão sendo exibidos para fora do fieldset e bagunça toda a tela.

Alguma dica…Alguem já passou por isso.

To usando MyFaces 1.5, acho que não tem suporte ainda ao JSF 1.2, já usei a Tag <f:verbatim> para todos os HTML que possa existir na tela mas não resolveu.

Desde já agradeço…

12 Respostas

jeroqueiroz 23 de dez. de 2009

Alguem pode dar uma luz!

VLW!..

UMC 23 de dez. de 2009

Cara não entendo muito mais quando vc faz algo que bagunça outro pode ser que o novo a ser exibido esta pegando o lugar do outro !!!
recomendo para vc dar espaços maiores entre um e outro!!
Acho que e isso pelo que entendir
vlw
abs

jeroqueiroz 23 de dez. de 2009

Não cara…

Seguinte tenho um checkbox que exibe/esconde uma determinada qtd de campos da tela, tipo seleciona ele então os campos aparecem, desmarca ele os campos somem, só que este check esta no inicio da pagina e os campos q aparecem e somente fica logo abaixo dele, sendo que na sequencia do codigo possui mais campos, que é a sequencia do formulário, porém qdo eu exibo os campos e algum refresh e executado…ele joga pra fora da area da tela os demais campos ou seja os campos que estava abaixo do check.

UMC 23 de dez. de 2009

Ok!
Vc ja testou em outros navegadores???

vlw

jeroqueiroz 23 de dez. de 2009

Sim,

Firefox, IE e Chrome…

hehhe!!!

jeroqueiroz 27 de dez. de 2009

Alguem?

Alguma informação ou sugestão que possa ajudar.

jeroqueiroz 28 de dez. de 2009

Alguma sugestão?

jeroqueiroz 28 de dez. de 2009

O pessoal entendeu meu questionamente, porque se não entenderam por favor avisem que tentarei explicar melhor?

alves.Felipe 28 de dez. de 2009

cara… esses campos estão dentro de algum panel??
como vc esta separando isso?

jeroqueiroz 28 de dez. de 2009

Postando o Código:

Já tentei usar:
1 - f:verbatim em todas as tags HTML como BR e tudo mais.
2 - t:htmlTag para renderizar todas as HTML.

Não tive sucesso em nenhum caso.

&lt;t:htmlTag value="fieldset" id="outrasInformacoes" forceId="true" 
	rendered="#{faces.fieldSets.outrasInformacoes}"&gt;
	&lt;legend &gt; Outras Informações&lt;/legend&gt;<br>
	
	&lt;label class="formLabelP"&gt;Quant. Moradores:&lt;/label&gt;
	&lt;t:inputText value="#{faces.model.quantidadeMorador}" 
					maxlength="200" id="qtdMoradores" forceId="true" styleClass="form_text_p" /&gt;
	
	&lt;h:selectBooleanCheckbox styleClass="form_checkbox" id="igual" 
		value="#{faces.statusIgual}"&gt;
			&lt;a4j:support event="onclick" id="ajxHabilitaIgual" ajaxSingle="true"
				action="#{faces.alterarIgual}"/&gt;
	&lt;/h:selectBooleanCheckbox&gt;
	Igual<br><br>
	
	&lt;h:selectBooleanCheckbox styleClass="form_checkbox" id="atividade" 
		value="#{faces.statusAtividades}"&gt;
			&lt;a4j:support event="onclick" id="ajxHabilitaAtividade" reRender="outrasInformacoes" ajaxSingle="true"
				action="#{faces.exibirAtividades}"/&gt;
	&lt;/h:selectBooleanCheckbox&gt;
	Ativ.<br>
	
	&lt;t:panelGroup id="areaAtividade" rendered="#{faces.statusAtividades}"&gt;
		<br>
		&lt;legend&gt;Relacionar Atividades&lt;/legend&gt;<br>
		
		&lt;label class="formLabelP"&gt;Código:&lt;/label&gt;
		&lt;t:inputText value="#{faces.model.codigo}" 
			maxlength="200" id="codigo" forceId="true" styleClass="form_text_m" &gt;
				&lt;a4j:support action="#{faces.pesquisar}" 
				event="onblur" reRender="codigo descricao"&gt;&lt;/a4j:support&gt;
		&lt;/t:inputText&gt;
		&lt;t:commandButton styleClass="botao_popup" value=""
			onclick="javascript:NewWindow('atividadePopup.jsf',50,50,500,600,1,0);"&gt;
		&lt;/t:commandButton&gt;
		&lt;t:inputText value="#{faces.model.descricao}" 
				maxlength="200" id="descricao" forceId="true" styleClass="form_text_g" /&gt;<BR>
	
		&lt;label class="formLabelP"&gt;Nº Alvará:&lt;/label&gt;
		&lt;t:inputText value="#{faces.model.numeroAlvara}" 
				maxlength="200" id="numeroAlvara1" forceId="true" styleClass="form_text_g" /&gt;<BR>
		
		&lt;div class="cx0"&gt;
			&lt;div class="acoes"&gt;   
				&lt;t:commandButton action="#{faces.adiciona}" 
					value="" styleClass="botao_adicionar" id="adicionarOutrasInformacoes" forceId="true"&gt;
				&lt;/t:commandButton&gt;
     				
     				&lt;t:commandButton action="#{faces.limpar}"
     							value="" styleClass="botao_limpar" id="limparOutrasInformacoes" forceId="true"&gt;
     				&lt;/t:commandButton&gt;
			&lt;/div&gt;
		&lt;/div&gt;<br>
		
		&lt;t:dataTable styleClass="tabela" var="list" id="tabelaOutrasInformacoes" forceId="true" rowClasses="corN,corS" 
          			 preserveDataModel="true" value="#{faces.listModel}" 
          			 renderedIfEmpty="false"&gt;
	
			&lt;t:column&gt;
				&lt;f:facet name="header"&gt;
					&lt;t:outputText value="codigo" /&gt;
				&lt;/f:facet&gt;
				&lt;t:outputText value="#{list.model.codigo}"/&gt;
			&lt;/t:column&gt;
			
			&lt;t:column&gt;
				&lt;f:facet name="header"&gt;
					&lt;t:outputText value="Descrição" /&gt;
				&lt;/f:facet&gt;
				&lt;t:outputText value="#{list.model.descricao}"  /&gt;
			&lt;/t:column&gt;
			
			&lt;t:column&gt;
				&lt;f:facet name="header"&gt;
					&lt;t:outputText value="Nº Alvará" /&gt;
				&lt;/f:facet&gt;
				&lt;t:outputText value="#{list.numeroAlvara}"  /&gt;
			&lt;/t:column&gt;
							
			&lt;t:column&gt;
				&lt;f:facet name="header"&gt;
					&lt;t:outputText value="Ação" /&gt;
				&lt;/f:facet&gt;
				&lt;t:commandButton onclick="return confirm('Confirma a exclusão?')" 
					styleClass="excluir" value="" action="#{faces.excluir}"&gt;
				
					&lt;t:updateActionListener value="#{list.id}" 
						property="#{faces.selecionado.id}"&gt;
					&lt;/t:updateActionListener&gt;
				&lt;/t:commandButton&gt;
			&lt;/t:column&gt;
		&lt;/t:dataTable&gt;
		<br>
	&lt;/t:panelGroup&gt;
	
	&lt;h:selectBooleanCheckbox styleClass="form_checkbox" id="obra" 
		value="#{faces.statusObras}"&gt;
			&lt;a4j:support event="onclick" id="ajxHabilitaObra" reRender="outrasInformacoes" ajaxSingle="true"
				action="#{faces.exibirObras}"/&gt;
	&lt;/h:selectBooleanCheckbox&gt;
	Obras<br><br>
	
	&lt;t:panelGroup id="areaObras" rendered="#{faces.statusObras}"&gt;
		&lt;h:selectBooleanCheckbox styleClass="form_checkbox" id="obraRegular" 
			value="#{faces.statusObrasRegular}"&gt;
				&lt;a4j:support event="onclick" id="ajxHabilitaObraRegular" ajaxSingle="true"
					action="#{faces.alterarObrasRegular}"/&gt;
		&lt;/h:selectBooleanCheckbox&gt;
		Regular:
		
		Nº Alvará:
		&lt;t:inputText value="#{faces.model.obraAlvara}" 
				maxlength="200" id="numeroAlvara2" forceId="true" styleClass="form_text_m" /&gt;	
		
	&lt;/t:panelGroup&gt;
	
	&lt;label class="formLabelP"&gt;Obra Particular:&lt;/label&gt;
	&lt;t:selectOneMenu styleClass="form_combo_m" id="obraParticular" forceId="true"
		value="#{faces.model.obraParticularModel.id}"&gt;
		&lt;f:selectItem itemLabel="Selecione..." itemValue="" /&gt;
		&lt;f:selectItems value="#{faces.combos.obraParticularList}" /&gt;
	&lt;/t:selectOneMenu&gt;	
	<br>
	
	&lt;label class="formLabelP"&gt;Observação:&lt;/label&gt;
	&lt;t:inputTextarea value="#{faces.model.observacao}" id="observacao" forceId="true" 
					styleClass="form_multiple_g" style="width:40%; height:80px;" /&gt;
	
	<br><br>
&lt;/t:htmlTag&gt;

jeroqueiroz 29 de dez. de 2009

Se a galera utiliza desta forma, posta ai a maneira que é utilizada, porque já fiz isso várias vezes, porém não utilizando JSF.

desde já agradeço.

jeroqueiroz 29 de dez. de 2009

Resolvi o problema substituindo a tag t:panelgroup por t:div

Criado 23 de dezembro de 2009

Ultima resposta 29 de dez. de 2009

Respostas 12

Participantes 3

12 Respostas

Topicos relacionados