Boa tarde!
Estou enfrentando o seguinte problema:
Tenho um p:dialog, com um h:form. Dentro desde form, tenho 1 div, e dentro dessa div, tenho 2 div’s, contendo componentes, como o exemplo que fiz para testar soluções:
<p:dialog>
<h:form id="formTeste">
<div class="divFormulario">
<div class="divColuna">
<h:outputLabel value="Campo1:" />
<p:inputText />
</div>
<div class="divColuna">
<h:outputLabel value="Campo2:" />
<p:inputText />
</div>
</div>
<p:commandButton value="Teste" update="@form" />
</h:form>
</p:dialog>
Porém, quando realizo o update do form, a estrutura gerada é modificada, deixando os componentes h:outputLabel e p:inputText fora das DIV’s, da seguinte maneira:
<p:dialog>
<h:form id="formTeste">
<h:outputLabel value="Campo1:" />
<p:inputText />
<h:outputLabel value="Campo2:" />
<p:inputText />
<div class="divFormulario">
<div class="divColuna">
</div>
<div class="divColuna">
</div>
</div>
<p:commandButton value="Teste" update="@form" />
</h:form>
</p:dialog>
Ou seja, após o update os componentes são renderizados de maneira errada.
Alguém já passou por isso ou tem alguma sugestão?
Obrigado!