jsf-2 - 如果在 primefaces 中为空，则隐藏数据列表行

Question

我试图隐藏数据列表行，如果它们是空的，任何想法如何使用 CSS 类或任何其他最佳解决方案来做到这一点。我尝试使用渲染属性，但对我来说效果不佳。这是我的代码的一些代码片段

<p:tab id="airAccor" title="AIR" titleStyle="height: 20px; font-size :8pt; font-weight: bolder;">
  <p:dataList value="#{wFDesignBean.components}" var="a" id="airComponentsOrderList">
    <p:row rendered="#{a.functionality eq 1}">
      <h:outputLabel id="airCompName" value="#{a.name}" title="#{a.name}" />
    </p:row>
    <p:draggable id="dragableForAirComp" for="airCompName" helper="clone"/>
  </p:dataList>
</p:tab>

渲染属性将该行设为空，但它不会隐藏它。我需要隐藏空行以使视图可接受。

Answer 1

这个问题通过访问ui-datalist-itemprimefaces类并检查该行是否为空所以隐藏它来解决。这是我使用的Css函数

.ui-datalist-item:empty {
        display: none;
    }

Answer 2

我通过使函数为空以在分面页脚中呈现来解决此问题：

  <f:facet name="footer"   >
  <h:outputText value="#{myBundle.ListGroupEmpty}" rendered="#{groupController.isGroupsEmpty()}"/>
  </f:facet>

和

public boolean isGroupsEmpty(){
    if (groups == null) {
        return true;
    }
    if (groups.size()<1){
        return true;
    }
    return false;
}