1

データリストの行が空の場合は非表示にしようとしています。CSS クラスまたはその他の最善の解決策を使用してそれを行う方法を考えてください。render 属性を使用しようとしましたが、うまくいきません。ここに私のコードのコードスニペットがあります

<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>

レンダリングされた属性は行を空にしますが、非表示にはしません。ビューを受け入れられるようにするには、空の行を非表示にする必要があります。

4

2 に答える 2

2

この問題はui-datalist-item、primefaces のクラスにアクセスし、行が空であるかどうかを確認して非表示にすることで解決されます。使用した Css 関数は次のとおりです。

.ui-datalist-item:empty {
        display: none;
    }
于 2013-09-02T10:15:11.350 に答える