中的 Primefaces 条件逻辑

Question

我有一个数据表，每列有两个图像，一个显示，另一个隐藏图像不显示。这个想法是，如果属性 #{person.isLocked} 结果集设置为“T”，则将隐藏图像显示在其他图像之上。我的代码有一个 div，该 div 中有两个 div，一个用于主图像，另一个用于将要覆盖的图像。 （代码如下）要叠加的图片有一个style属性display: none; 。我需要以某种方式检查 #{person.isLocked} 是否等于“T”，如果是，那么我需要将 css 更改为 display:block;否则就这样吧。

<p:dataGrid var="person" value="myBean.people">
    <p:column>
        <h:panelGird style="margin-left:auto; margin-right:auto;">
           <div>
              <div style="position:absolute; z-index:1;">
                   <p:graphicImage value="image?id=#{person.id}" cache="false"/>
              </div>
              <div style="position:absolute; z-index:100; display: none;">
                   <p:graphicImage value="./images/lock.png" cache="true"/>
              </div>
           </div>
        </h:panelGrad>
    </p:column>
</p:dataGrid>

我想出的唯一解决方案是不将'T'或'F'存储在数据库中作为#{person.isLocked}，而是存储css属性，所以我会存储'block'或'none'，然后调用样式中的 person 属性如下所示。

     <div style="position:absolute: z-index:100; display: #{person.isLocked}">
         <p:graphicImage value="./images/lock.png" cache="true"/>
     </div>

但这似乎是一个糟糕的设计。我不想仅仅为了显示目的而操纵数据库中的数据。有没有人找到不同的方法来做到这一点？

Answer 1

我从未使用过 Primefaces，但你可以尝试一下

<ui:fragment rendered="#{person.isLocked}">
 <!-- your div here -->
</ui fragment>