Olá pessoal!Boa Tarde!
Hoje precisei criar uma página com dois formulários onde ficariam um do lado do outro mas alguma coisa errada está acontecendo e minha situação é a seguinte:
O formulário um precisa ter um selection-list e que de acordo com o valor selecionado inputs deverão ser renderizados por tal condição no formulário dois.Até ai eu consigo fazer normalmente mas tem um detalhe quando renderizo por exemplo apenas um desses inputs no formulário dois deveria aparecer no começo do panel que criei mas isso não acontece e o input é renderizado no meio do panel,alguém sabe me explicar uma maneira mais fácil de resolver esse problema ou o porque do componente renderizar no local errado do panel?
Aqui está minha página:
<h:head>
Cadastro Documento
<f:metadata>
<f:viewParam name = “id” value = “#{documentoBean.documentoSelecionado.id}”/>
</f:metadata>
</h:head>
<ui:composition template="/template/interna.xhtml">
<ui:define name="titulo">Cadastro Documento</ui:define>
<ui:define name="corpo">
<h:form id = "formCadastroDoc" enctype="multipart/form-data" >
<p:messages showDetail="true" closable="true" id="messages"/>
<p:dialog showEffect="fade" hideEffect="fade" widgetVar="dlg" resizable="false" modal="true" responsive="true" closable="false" header="Processando...">
<p:graphicImage value="/imagens/loadingBar-1.gif" />
</p:dialog>
<h:inputHidden value="#{documentoBean.iniciar().id}"/>
<div class = "ui-fluid">
<h:panelGrid columns="2" styleClass="alignTop">
<p:panel>
<p:panelGrid columns="2">
<p:outputLabel value="Documento" for="iddoc" rendered="#{documentoBean.desabilitarCampos()}"/>
<p:inputText size="2" value="#{documentoBean.iniciar().id_doc}" id = "iddoc" disabled="#{documentoBean.desabilitarCampos()}" rendered="#{documentoBean.desabilitarCampos()}"/>
<p:outputLabel for = "codEmp" value = "Empresa:"/>
<p:column width = "50">
<p:inputText id = "codEmp"
required = "true"
maxlength="5"
size="5"
value = "#{documentoBean.iniciar().cod_empresa.cod_empresa}"
disabled = "true"
style="width:25px"/>
<p:outputLabel style="width:325px;margin-left:10px" value = "#{documentoBean.descricaoCodEmpCodFiCodUni('cod_empresa')}" />
</p:column>
<p:outputLabel for = "codFi" value = "Filial:"/>
<p:column width = "50">
<p:inputText id = "codFi" required = "true"
maxlength="5"
size="5"
value = "#{documentoBean.iniciar().cod_filial.cod_filial}"
disabled = "true"
style="width:25px"/>
<p:outputLabel style="width:325px;margin-left:10px" value = "#{documentoBean.descricaoCodEmpCodFiCodUni('cod_filial')}" />
</p:column>
<p:outputLabel for = "codUn" value = "Unidade:"/>
<p:column width = "50">
<p:inputText id = "codUn" required="true"
maxlength="5"
size="5"
value = "#{documentoBean.iniciar().cod_unidade.cod_unidade}"
disabled = "true"
style="width:25px"/>
<p:outputLabel style="width:325px;margin-left:10px" value = "#{documentoBean.descricaoCodEmpCodFiCodUni('cod_unidade')}" />
</p:column >
<p:outputLabel value = "Tipo Documento:"/>
<p:selectOneMenu style="width:100px" value="#{documentoBean.iniciar().id_tipo_doc.id_tipo_doc}" disabled="#{documentoBean.desabilitarCampos()}">
<f:selectItem itemLabel="--Selecione--" noSelectionOption="true" itemValue="null"/>
<f:selectItems value="#{tipoDocumentoBean.listarPorCodEmCodFiCodUni()}" var="tipoDoc" itemLabel="#{tipoDoc.cod_campo}" itemValue="#{tipoDoc.id_tipo_doc}"/>
<p:ajax event="change" listener="#{documentoBean.habilitarCamposPorIdTipoDoc()}" update="formCadastroDoc" onstart="PF('dlg').show()"/>
</p:selectOneMenu>
<p:outputLabel value="Descrição:" for="idDesc"/>
<p:inputText value="#{documentoBean.iniciar().descricao}" id="idDesc" />
<p:outputLabel value="Cliente:" for="idcliente"/>
<p:inputText value="#{documentoBean.iniciar().cliente}" id="idcliente" />
<p:outputLabel value="Produto:" for="idproduto"/>
<p:inputText value="#{documentoBean.iniciar().produto}" id="idproduto" />
<p:outputLabel value="Quantidade:"/>
<p:inputText value="#{documentoBean.iniciar().quantidade}" autocomplete="false"/>
<p:outputLabel value="Data Ini Prev:"/>
<p:calendar id="data" pattern="yyyy-MM-dd" value="#{documentoBean.iniciar().dataIniPrev}"/>
<p:outputLabel value="Data Fim Prev:"/>
<p:calendar pattern = "yyyy-MM-dd" value="#{documentoBean.iniciar().dataFimPrev}"/>
<p:outputLabel value="Hora Ini Prev:"/>
<p:calendar pattern = "HH:mm:ss" timeOnly="true" value="#{documentoBean.iniciar().horarioIniPrev}"/>
<p:outputLabel value="Hora Fim Prev:"/>
<p:calendar pattern="HH:mm:ss" timeOnly="true" value="#{documentoBean.iniciar().horarioFimPrev}"/>
<p:outputLabel value="Arquivo:"/>
<p:fileUpload allowTypes="pdf,xlsx,doc,txt" value="#{documentoBean.arquivoDoc}" mode="simple" style="width:150px" />
<p:outputLabel value="Situação:" rendered="#{documentoBean.desabilitarCampos()}"/>
<p:selectOneRadio id="console" value="#{documentoBean.iniciar().situacao}" rendered="#{documentoBean.desabilitarCampos()}">
<f:selectItem itemLabel="Não Iniciado" itemValue="Não Iniciado"/>
<f:selectItem itemLabel="Em andamento" itemValue="Em andamento"/>
<f:selectItem itemLabel="Fechado" itemValue="Fechado"/>
</p:selectOneRadio>
<p:commandButton action="#{documentoBean.salvar()}" value="Salvar" ajax="false" onclick="PF('dlg').show()"/>
<p:commandButton icon="ui-icon-arrowrefresh-1-w" immediate="true" action="#{documentoBean.redirecionaCadastro()}" style="width:30px;height:30px" onclick="PF('dlg').show()"/>
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" closable="false">
<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" onclick="PF('dlg').show()"/>
<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
</p:confirmDialog>
</p:panelGrid>
</p:panel>
<p:panel>
<p:panelGrid columns="2">
<p:outputLabel for = "idCh1" value = "#{documentoBean.descricaoColunas('char_001')}" rendered="#{documentoBean.filtro2('char_001')}"/>
<p:inputText id = "idCh1"
maxlength="40"
rendered="#{documentoBean.filtro2('char_001') and documentoBean.verificaValorPos('char_001') == null}"
value = "#{documentoBean.iniciar().char_001}"
style="width:150px"/>
<p:selectOneMenu style="width:120px" value="#{documentoBean.iniciar().char_001}" rendered="#{documentoBean.verificaValorPos('char_001') != null}">
<f:selectItem itemLabel="--Selecione--" noSelectionOption="true"/>
<f:selectItems value ="#{documentoBean.verificaValorPos('char_001')}" var="valpos" itemLabel="#{valpos.valor_possivel}" itemValue="#{valpos.valor_possivel}"/>
</p:selectOneMenu>
</p:panelGrid>
</p:panel>
</h:panelGrid>
</div>
</h:form>
</ui:define>
</ui:composition>
Obrigado desde já!