Arquivo Discussoes de Programacao e Tecnologia Estou com um problema, na minha dataTable aparece somente as informações, o grafico, a aparencia não aparece e eu não sei o porque.
logo abaixo uma imagem:
eu risquei alguns nomes.
Esta funcionando so que não consigo ver ela, somente as informações, o que pode ser?
AH! meu código né:
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:pm="http://primefaces.org/mobile"
contentType="text/html"
renderKitId="PRIMEFACES_MOBILE">
<pm:page title="Sistema Integrado">
<style>
.th-groups th {
text-align: center;
background-color: rgba(0,0,0,.1);
border-right: 1px solid #fff;
}
.ui-li-custom .ui-li-count {
right: 10px !important;
}
</style>
<!-- Groups -->
<pm:view>
<pm:header title="Manutenção" swatch="a">
<f:facet name="left"><p:button value="Back" icon="back" onclick="PrimeFaces.back()"/></f:facet>
</pm:header>
<pm:content>
<h:form prependId="false">
<h:selectOneMenu value="#{gerenciarOcorrenciaBean.statusOs}">
<f:selectItem itemValue="0" itemLabel="todas"/>
<f:selectItem itemValue="1" itemLabel="Aberta"/>
<f:selectItem itemValue="2" itemLabel="Em Andamento"/>
<f:selectItem itemValue="3" itemLabel="Fechada"/>
<f:selectItem itemValue="4" itemLabel="Cancelada"/>
<p:ajax listener="#{gerenciarOcorrenciaBean.carregaManutencao()}" update="tbManutencao"/>
</h:selectOneMenu>
<center>
<p:dataTable id="tbManutencao" value="#{gerenciarOcorrenciaBean.ocorrenciasLazy}" var="ocorrencia" rows="17" lazy="true" emptyMessage="nenhuma ocorrencia encontrada" >
<f:attribute name="columnToggle" value="true" />
<f:attribute name="btnText" value="Colunas..." />
<p:column headerText="Codigo" style="width: 2em;">
<h:outputText value="#{ocorrencia.id}" />
</p:column>
<p:column headerText="Solicitado" style="width: 2em;#{ocorrencia.urgenteAlto or ocorrencia.urgenteBaixo or ocorrencia.urgenteMedio == true? 'color: red' : ''}">
<f:attribute name="priority" value="2" />
<h:outputText value="#{ocorrencia.dataSolicitacao}" style="#{ocorrencia.usuarioCancela != null ? 'color: grey':''}">
<f:convertDateTime pattern="dd/MM/yyyy HH:mm" timeZone="America/Sao_Paulo"/>
</h:outputText>
</p:column>
<p:column headerText="executado" style="width: 2em;#{ocorrencia.urgenteAlto or ocorrencia.urgenteBaixo or ocorrencia.urgenteMedio == true? 'color: red' : ''}">
<f:attribute name="priority" value="4" />
<h:outputText value="#{ocorrencia.dataExecucao}" style="#{ocorrencia.usuarioCancela != null ? 'color: grey':''}">
<f:convertDateTime pattern="dd/MM/yyyy HH:mm" timeZone="America/Sao_Paulo"/>
</h:outputText>
</p:column>
<p:column headerText="Solicitante">
<f:attribute name="priority" value="5" />
<h:outputText value="#{ocorrencia.usuarioSolicitante.nome}" />
</p:column>
<p:column headerText="status" style="#{ocorrencia.urgenteAlto or ocorrencia.urgenteBaixo or ocorrencia.urgenteMedio == true? 'color: red' : ''}">
<f:attribute name="priority" value="3" />
<h:outputText value="#{ocorrencia.statusOcorrencia == 1? 'Aberta':''
or ocorrencia.statusOcorrencia == 2? 'Em andamento':''
or ocorrencia.statusOcorrencia == 3? 'Fechada':''
or ocorrencia.statusOcorrencia == 4? 'Cancelada':''}" style="#{ocorrencia.usuarioCancela != null ? 'color: grey':''}"/>
</p:column>
</p:dataTable>
</center>
</h:form>
</pm:content>
</pm:view>
</pm:page>
</f:view>
não entendi seu problema…
As bordas da tabela não aparecem, não esta aparecendo a tabela “bonitinha”, ela só vem com a estrutura porem não vem com o cabeçalho de outra cor, não me mostras as linhas da tabela.
Olhe la a imagem, ja até voltei a versão anterior do primefaces para ver se era isso, mais sem sucesso.
você não está usando o css do prime, pelo menos não parece.
Você está usando o bootstrap? isso é só problema de css.
Retirei todos os style da tabela, unica coisa que mudou foi o tamanho dela, porem continua sem aparecer as linhas, e o cabeçalho.
código agora:
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:pm="http://primefaces.org/mobile"
contentType="text/html"
renderKitId="PRIMEFACES_MOBILE"
xmlns:ui="http://java.sun.com/jsf/facelets">
<pm:page title="Sistema Integrado">
<!-- Groups -->
<pm:view>
<pm:header title="Manutenção" swatch="a">
<f:facet name="left"><p:commandLink value="Voltar" action="ocorrencias?faces-redirect=true" /></f:facet>
<f:facet name="right"><p:commandLink value="Abrir ocorrencia" action="abrirmanutencao?faces-redirect=true" /></f:facet>
</pm:header>
<pm:content>
<h:form prependId="false">
<h:selectOneMenu value="#{gerenciarOcorrenciaBean.statusOs}">
<f:selectItem itemValue="0" itemLabel="todas"/>
<f:selectItem itemValue="1" itemLabel="Aberta"/>
<f:selectItem itemValue="2" itemLabel="Em Andamento"/>
<f:selectItem itemValue="3" itemLabel="Fechada"/>
<f:selectItem itemValue="4" itemLabel="Cancelada"/>
<p:ajax listener="#{gerenciarOcorrenciaBean.carregaManutencao()}" update="tbManutencao"/>
</h:selectOneMenu>
<p:dataTable id="tbManutencao" value="#{gerenciarOcorrenciaBean.ocorrenciasLazy}" var="ocorrencia" rows="17" lazy="true" emptyMessage="nenhuma ocorrencia encontrada">
<f:attribute name="columnToggle" value="true" />
<f:attribute name="btnText" value="Colunas..." />
<p:column headerText="Codigo" >
<h:outputText value="#{ocorrencia.id}" />
</p:column>
<p:column headerText="Solicitado" >
<f:attribute name="priority" value="2" />
<h:outputText value="#{ocorrencia.dataSolicitacao}" >
<f:convertDateTime pattern="dd/MM/yyyy HH:mm" timeZone="America/Sao_Paulo"/>
</h:outputText>
</p:column>
<p:column headerText="executado" >
<f:attribute name="priority" value="4" />
<h:outputText value="#{ocorrencia.dataExecucao}" >
<f:convertDateTime pattern="dd/MM/yyyy HH:mm" timeZone="America/Sao_Paulo"/>
</h:outputText>
</p:column>
<p:column headerText="Solicitante">
<f:attribute name="priority" value="5" />
<h:outputText value="#{ocorrencia.usuarioSolicitante.nome}" />
</p:column>
<p:column headerText="status" >
<f:attribute name="priority" value="3" />
<h:outputText value="#{ocorrencia.statusOcorrencia == 1? 'Aberta':''
or ocorrencia.statusOcorrencia == 2? 'Em andamento':''
or ocorrencia.statusOcorrencia == 3? 'Fechada':''
or ocorrencia.statusOcorrencia == 4? 'Cancelada':''}" />
</p:column>
</p:dataTable>
</h:form>
</pm:content>
</pm:view>
</pm:page>
</f:view>
Já mudei o tema do primefaces e nada.
Eu não tinha reparado que você está utilizando o mobile, eu
nunca mexi, então, por enquanto, não posso te ajudar.