how to show a ui-icon in primefaces when the value of a variable is true or false?

Question

how to show a ui-icon in primefaces when the value of a variable is true or false?

Navigation

#1 by (2 votes)

1

I have the following table, which shows boolean type values and shows them that way

<p:dataTable id="horarios" rendered="#{ConsultaPersonasUnidadFisicaComponent.muestraHistorial}" var="consultaHorario" style="max-width:3000px;max-height:770px;" value="#{ConsultaPersonasUnidadFisicaComponent.listNivelesPersona2}">
  <p:column headerText="Ubi">
    <h:outputText value="#{consultaHorario.unidadAdministrativa.cveIdUnidadAdmin}" />
  </p:column>

  <p:column headerText="Horario">

  </p:column>

  <p:column headerText="Vigencia">
    <h:outputText value="#{consultaHorario.fecInicioNivel}">
      <f:convertDateTime pattern="dd/MM/yyyy" />
    </h:outputText> -
    <h:outputText value="#{consultaHorario.fecFinNivel}">
      <f:convertDateTime pattern="dd/MM/yyyy" />
    </h:outputText>
  </p:column>

  <p:column headerText="Horario">
    <h:outputText value="#{consultaHorario.horarios.horarioEntrada} - #{consultaHorario.horarios.horarioSalida}" />
  </p:column>
  <p:column headerText="Tol">
    <h:outputText value="#{consultaHorario.horarios.toleranciaRetardo}" />
  </p:column>
  <p:column headerText="Max. Falta">
    <h:outputText value="#{consultaHorario.horarios.toleranciaFalta}" />
  </p:column>
  <p:column headerText="Checa">
    <h:outputText />
  </p:column>
  <p:column headerText="Lunes">
    <h:outputText value="#{consultaHorario.checaLunes}" />
  </p:column>
  <p:column headerText="Martes">
    <h:outputText value="#{consultaHorario.checaMartes}" />
  </p:column>
  <p:column headerText="Miercoles">
    <h:outputText value="#{consultaHorario.checaMiercoles}" />
  </p:column>
  <p:column headerText="Jueves">
    <h:outputText value="#{consultaHorario.checaJueves}" />
  </p:column>
  <p:column headerText="Viernes">
    <h:outputText value="#{consultaHorario.checaViernes}" />
  </p:column>
  <p:column headerText="Sabado">
    <h:outputText value="#{consultaHorario.checaSabado}" />
  </p:column>
  <p:column headerText="Domingo">
    <h:outputText value="#{consultaHorario.checaDomingo}" />
  </p:column>
  <p:column headerText="Festivo">
    <h:outputText value="#{consultaHorario.checaFestivo}" />
  </p:column>
  <p:column headerText="Observaciones">

  </p:column>
</p:dataTable>

What I want to do is that instead of it showing true or false appear a pigeon when it is true and a tache when it is false, as well as in this table

Can it be done ?, and how can I implement it?

java primefaces jsf

asked by Root93 28.02.2018 в 17:50

source

1 answer

Is it possible to do a delay in python without stopping the program? Load text file to mysql, using sql script

score 2 · Answer 1

You can do it in the following way you add two outputText inside the column you put a rendered if it is true shows the one with the pigeon icon if it is false the one with the tache icon:

<p:column headerText="Lunes">
   <h:outputText styleClass="ui-corner-all ui-icon ui-icon-folder-collapsed"  rendered="#{consultaHorario.checaLunes eq true}" />
   <h:outputText styleClass="ui-corner-all ui-icon ui-icon-document"  rendered="#{consultaHorario.checaLunes eq false}"/>
</p:column>

The icons that I put as an example are a folder or a document depending on the condition. You can find the icons Here