p：selectcheckboxmenu - 自定義scrollheight

Question

有沒有辦法告訴scrollheight要麼有一定的高度（比如150），要麼沒有足夠的項目來填充這個高度 - 合適的內容？

Answer 1

如果你知道你能有多少項目適合在150使用條件運算符（EQ 9項符合，10個或更多需要滾動）：

<p:selectCheckboxMenu id="menu" value="#{bean.selectedValues}" label="Cities" scrollHeight="#{bean.avaiableValues.size() lt 10 ? 0 : 150}" 
          filter="true" filterMatchMode="startsWith" panelStyle="width:250px"> 
     <f:selectItems value="#{bean.avaiableValues}" /> 
    </p:selectCheckboxMenu> 

如果你不知道有多少項目適合150你需要CSS來做到這一點。

Answer 2

可以在<p:selectCheckboxMenu>使用的CSS樣式類的panelStyleClass屬性有：

max-height: 150px; 
overflow: auto; 

Answer 3

與<p:selectCheckboxMenu>使用此之下CSS樣式類。

.checkBoxMenuClass UL {最大高度：70像素;溢出：汽車;}

<p:selectCheckboxMenu id="menu" styleClass="checkBoxMenuClass" value="#{bean.selectedValues}" filter="true" label="Cities" 
    scrollHeight="#{bean.avaiableValues.size() lt 10 ? 0 : 150}" filterMatchMode="startsWith" panelStyle="width:250px"> 
    <f:selectItems value="#{bean.avaiableValues}" /> 
</p:selectCheckboxMenu>