Discussoes de Programacao e Tecnologia

Problema com tabView do Primefaces

6 respostas
I
ibotirama

Ao montar uma intreface de entrada de dados com JSF2(Mojarra 2.0.4) e Primefaces 2.2.1, acontece que da primeira vez que entro na na páginaj ela aparece sem o tabview e eu clico em fechar que me leva para uma outra página, caso eu click em editar/novo que me levam para aquela mesma página que aparecia sem tabview agora aparece bonitinha, ou seja ela só fica normal a partir da segunda vez, testei com outras máquinas é assim tb, se eu for em outra máquina da rede e acessar os sistema o tabview da primeira vez não renderiza, somente da segunda.

TabView bagunçado :

TabView Normal :

Alura Desenvolvimento Front-End React Do primeiro componente à liderança técnica! HTML/CSS/JavaScript fundamental, React com hooks e...

6 Respostas

E
edudebom

Você tem rendered na tabview ou está dando um update nela ?

I
ibotirama

Tenho rendered em duas tabs pois é um cadastro de pessoas, então :

<p:tabView>
				<p:tab title="Dados Pessoa Física"
					rendered="#{pessoaMB.obj.tipoPessoa eq 'FISICA'}">
					<h:panelGrid columns="6">
						<h:outputText value="#{msgs['pessoas.rg']}" />
						<p:inputText value="#{pessoaMB.obj.rg}" />
						<h:outputText value="#{msgs['pessoas.orgaoexpedidor']}" />
						<p:inputText value="#{pessoaMB.obj.orgaoExpedidor}"
							onkeyup="this.value = this.value.toUpperCase();" />
						<h:outputText value="#{msgs['pessoas.dataexpedicao']}" />
						<p:calendar value="#{pessoaMB.obj.dataExpedicao}" locale="pt_BR"
							pattern="dd/MM/yyyy" style="width:60px;" mode="popup"
							showOn="button" popupIconOnly="true" />
					</h:panelGrid>
					<h:panelGrid columns="4">
						<h:outputText value="#{msgs['pessoas.cpf']}" />
						<p:inputText value="#{pessoaMB.obj.cpf}" />
						<h:outputText value="#{msgs['pessoas.datanascimento']}" />
						<p:calendar value="#{pessoaMB.obj.dataNascimento}" locale="pt_BR"
							pattern="dd/MM/yyyy" style="width:60px;" mode="popup"
							showOn="button" popupIconOnly="true" />

						<h:outputText value="#{msgs['pessoas.estadocivil']}" />
						<h:selectOneMenu value="#{pessoaMB.obj.estadoCivil}">
							<f:selectItems value="#{pessoaMB.estadosCivis}" />
						</h:selectOneMenu>

						<h:outputText value="#{msgs['pessoas.naturalidade']}" />
						<p:inputText value="#{pessoaMB.obj.naturalidade}"
							onkeyup="this.value = this.value.toUpperCase();" />

						<h:outputText value="#{msgs['pessoas.nomepai']}" />
						<p:inputText value="#{pessoaMB.obj.nomePai}"
							onkeyup="this.value = this.value.toUpperCase();" />

						<h:outputText value="#{msgs['pessoas.nomemae']}" />
						<p:inputText value="#{pessoaMB.obj.nomeMae}"
							onkeyup="this.value = this.value.toUpperCase();" />

						<h:outputText value="#{msgs['pessoas.localtrabalho']}" />
						<p:inputText value="#{pessoaMB.obj.localTrabalho}"
							onkeyup="this.value = this.value.toUpperCase();" />

						<h:outputText value="#{msgs['pessoas.conjugue']}" />
						<p:inputText value="#{pessoaMB.obj.nomeConjugue}"
							onkeyup="this.value = this.value.toUpperCase();" />
					</h:panelGrid>
				</p:tab>
				<p:tab title="Dados Pessoa Jurídica"
					rendered="#{pessoaMB.obj.tipoPessoa eq 'JURIDICA'}">
					<h:outputText value="#{msgs['pessoas.razaosocial']}" />
					<p:inputText value="#{pessoaMB.obj.razaoSocial}" size="50"
						onkeyup="this.value = this.value.toUpperCase();" />
					<h:outputText value="#{msgs['pessoas.nomefantasia']}" />
					<p:inputText value="#{pessoaMB.obj.nomeFantasia}" size="50"
						onkeyup="this.value = this.value.toUpperCase();" />
					<h:panelGrid columns="2">
						<h:outputText value="#{msgs['pessoas.cnpj']}" />
						<p:inputText value="#{pessoaMB.obj.cnpj}" />
						<h:outputText value="#{msgs['pessoas.inscricaoestadual']}" />
						<p:inputText value="#{pessoaMB.obj.inscricaoEstadual}" />
						<h:outputText value="#{msgs['pessoas.inscricaomunicipal']}" />
						<p:inputText value="#{pessoaMB.obj.inscricaoMunicipal}" />
					</h:panelGrid>
				</p:tab>
				<p:tab title="Endereços" rendered="#{pessoaMB.obj != null}">
					<h:panelGrid columns="2">
						<p:dataTable value="#{pessoaMB.enderecos}" var="e"
							emptyMessage="Nenhum endereço cadastrado." selectionMode="single"
							selection="#{pessoaMB.endereco}" id="tabelaEnderecos">
							<p:column headerText="Tipo" style="width: 80px;">
								<h:outputText value="#{e.tipo}" />
							</p:column>
							<p:column headerText="Rua" style="width: 250px;">
								<h:outputText value="#{e.rua}" />
							</p:column>
							<p:column headerText="Nº" style="width: 20px;">
								<h:outputText value="#{e.numero}" />
							</p:column>
							<p:column headerText="Bairro" style="width: 150px;">
								<h:outputText value="#{e.bairro}" />
							</p:column>
							<p:column headerText="Cidade" style="width: 150px;">
								<h:outputText value="#{e.cidade}" />
							</p:column>
							<p:column headerText="Estado" style="width: 20px;">
								<h:outputText value="#{e.estado}" />
							</p:column>
							<p:column headerText="CEP" style="width: 50px;">
								<h:outputText value="#{e.cep}" />
							</p:column>
							<f:facet name="footer">
								<p:commandButton action="#{indexController.setEnderecoForm}"
									update="@form" ajax="false" image="ui-icon-circle-plus">
									<f:setPropertyActionListener target="#{pessoaMB.endereco}"
										value="#{pessoaMB.novoEndereco}" />
									<f:setPropertyActionListener target="#{pessoaMB.operacao}"
										value="Gravar" />
								</p:commandButton>
								<p:commandButton action="#{indexController.setEnderecoForm}"
									update="@form" ajax="false" image="ui-icon-pencil">
									<f:setPropertyActionListener target="#{pessoaMB.operacao}"
										value="Alterar" />
								</p:commandButton>
								<p:commandButton action="#{indexController.setEnderecoForm}"
									update="@form" ajax="false" image="ui-icon-trash">
									<f:setPropertyActionListener target="#{pessoaMB.operacao}"
										value="Excluir" />
								</p:commandButton>

							</f:facet>
						</p:dataTable>
					</h:panelGrid>
				</p:tab>
E
edudebom

Tire o rendered da tab só para testar.

I
ibotirama

Eu tirei e apareceu bagunçado, mas tem um porém, ele tenta renderizar, e se o objeto for Pessoa fisica aí dá erro nas propriedades de Pessoa Jurídica que não existem para aquele objeto, mas de toda sorte não renderizou a tabview, persistiu o problema.

I
ibotirama

Para não ficar dúvida fiz outra página everifiquei que acontece a mesma coisa, mesmo sem ter render.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Sistema</title>
    </h:head>
    <h:body>
        <h:form id="frmProdutos">
            <p:growl id="growl" />
            <p:focus for="iCodProduto"/>
            <h:panelGrid columns="1">
                <p:panel header="Produtos" id="panDados">
                    <h:panelGrid columns="2">
                        <h:outputText value="#{msgs['produtos.codigo']}" />
                        <h:inputText maxlength="13" size="13" id="iCodProduto" value="#{produtoMB.prod.codigo}"  />
                        <h:outputText value="Tipo" />
                        <h:selectOneMenu id="cmbTipoProduto" value="#{produtoMB.prod.tipoProduto}">
                            <f:selectItem itemLabel="INSUMO" itemValue="INSUMO" />
                            <f:selectItem itemLabel="PRODUÇÃO" itemValue="PRODUCAO" />
                            <f:selectItem itemLabel="SERVIÇO" itemValue="SERVICO" />
                        </h:selectOneMenu>
                        <h:outputText value="#{msgs['produtos.descricao']}" />
                        <h:inputText size="50" value="#{produtoMB.prod.descricao}" onkeyup="this.value = this.value.toUpperCase();"/>
                        <h:outputText value="#{msgs['produtos.desc_resumida']}" />
                        <h:inputText size="50" value="#{produtoMB.prod.descricaoResumida}" onkeyup="this.value = this.value.toUpperCase();" />
                    </h:panelGrid>
                    <p:tabView>
                        <p:tab title="Geral">
                            <h:panelGrid columns="4">
                                <h:outputText value="Grupo" />
                                <h:selectOneMenu id="iGrupo" value="#{produtoMB.prod.grupo.id}">
                                    <f:selectItem />
                                    <f:selectItems value="#{produtoMB.grupos}" var="g" itemValue="#{g.id}" itemLabel="#{g.descricao}"/>
                                </h:selectOneMenu>
                                <h:outputText value="Unidade" />
                                <h:selectOneMenu id="iUnidade" value="#{produtoMB.prod.unidade.prefixo}">
                                    <f:selectItem />
                                    <f:selectItems value="#{produtoMB.unidades}" var="u" itemValue="#{u.prefixo}" itemLabel="#{u.descricao}"/>
                                </h:selectOneMenu>
                                <h:outputText value="Almoxarifado" />
                                <h:selectOneMenu id="iAlmoxarifado" value="#{produtoMB.prod.almoxarifado.codigo}">
                                    <f:selectItem />
                                    <f:selectItems value="#{produtoMB.almoxarifados}" var="a" itemValue="#{a.codigo}" itemLabel="#{a.descricao}"/>
                                </h:selectOneMenu>
                                <h:outputText value="#{msgs['produtos.modelo']}"/>
                                <h:inputText value="#{produtoMB.prod.modelo}" onkeyup="this.value = this.value.toUpperCase();"/>
                                <h:outputText value="#{msgs['produtos.ano']}"/>
                                <h:inputText value="#{produtoMB.prod.ano}"/>
                                <h:outputText value="#{msgs['produtos.serie']}"/>
                                <h:inputText value="#{produtoMB.prod.serie}" onkeyup="this.value = this.value.toUpperCase();"/>
                                <h:outputText value="#{msgs['produtos.marca']}"/>
                                <h:inputText value="#{produtoMB.prod.marca}" onkeyup="this.value = this.value.toUpperCase();"/>
                                <h:outputText value="#{msgs['produtos.fabricante']}"/>
                                <h:inputText value="#{produtoMB.prod.fabricante}" onkeyup="this.value = this.value.toUpperCase();"/>
                                <h:outputText value="#{msgs['produtos.aplicacao']}"/>
                                <h:inputText value="#{produtoMB.prod.aplicacao}" onkeyup="this.value = this.value.toUpperCase();"/>
                                <h:outputText value="#{msgs['produtos.valorunitario']}"/>
                                <h:inputText value="#{produtoMB.prod.valorUnitario}" />
                                <h:outputText value="#{msgs['produtos.estoqueminimo']}"/>
                                <h:inputText value="#{produtoMB.prod.estoqueMinimo}" />
                                <h:outputText value="#{msgs['produtos.estoquemaximo']}"/>
                                <h:inputText value="#{produtoMB.prod.estoqueMaximo}" />
                                <h:outputText value="#{msgs['produtos.codigobarras']}"/>
                                <h:inputText value="#{produtoMB.prod.codigoBarra}" />
                                <h:outputText value="#{msgs['produtos.prateleira']}"/>
                                <h:inputText value="#{produtoMB.prod.prateleira}" onkeyup="this.value = this.value.toUpperCase();"/>
                                <h:outputText value="#{msgs['produtos.secao']}"/>
                                <h:inputText value="#{produtoMB.prod.secao}" onkeyup="this.value = this.value.toUpperCase();"/>
                            </h:panelGrid>

                        </p:tab>
                        <p:tab title="Fiscal">
                            <h:panelGrid columns="2">
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                                <h:outputText value="Conteúdo da tab Fiscal" />
                            </h:panelGrid>
                        </p:tab>
                    </p:tabView>
                </p:panel>

                <p:panel id="toolbar">
                    <h:panelGrid columns="3">
                        <p:commandButton value="Salvar" action="#{produtoMB.salvar}"
                                         update="frmProdutos" image="ui-icon-disk" />
                        <p:commandButton value="Cancelar"
                                         action="#{indexController.setProdutoList}" update="@form"
                                         image="ui-icon-cancel" />
                    </h:panelGrid>
                </p:panel>
            </h:panelGrid>
        </h:form>
    </h:body>
</html>
I
ibotirama

Alguém já passou por isso ? eu ainda estou com o mesmo erro, mesmo sem rendered na tab.

Criado 5 de maio de 2011
Ultima resposta 2 de jun. de 2011
Respostas 6
Participantes 2

Topicos relacionados

O que é Clearcase? 2 respostas [RESOLVIDO] PrimeFaces - Error Rendering View 5 respostas [RESOLVIDO] PrimeFaces 3 - Propriedade editable do SelectOneMenu não "existe" 14 respostas [JSF 1.2] Diferença entre ManageBeans na Session e a4j:keepAlive? 4 respostas [RESOLVIDO] 404 Not Found - Para o primeiro Servlet 5 respostas
Alura O que é Python? — um guia completo para iniciar nessa linguagem de programação Acesse agora o guia sobre Python e inicie sua jornada nessa linguagem de programação: o que é e para que serve, sua sintaxe e como iniciar nela!
Casa do Codigo Guia pratico de TypeScript: Melhore suas aplicacoes... Por Thiago da Silva Adriano — Casa do Codigo