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

Front-end
#1

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…

#2

Alguem pode dar uma luz!

VLW!..

#3

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

#4

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.

?

#5

Ok!
Vc ja testou em outros navegadores???

vlw

#6

Sim,

Firefox, IE e Chrome…

hehhe!!!

#7

Alguem?

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

#8

Alguma sugestão?

#9

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

#10

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

#11

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;
#12

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.

#13

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

#14