Question

有没有办法告诉滚动高度要么具有一定的高度（比如150），要么是否有足够的物品来填充这个高度 - 适合的内容？

Answer 1

如果您知道150中有多少项适合您可以使用条件运算符（e.q。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

您可以在panelStyleClass中的<p:selectCheckboxMenu>属性中使用CSS样式类：

max-height: 150px;
overflow: auto;

Answer 3

在CSS样式类下面使用<p:selectCheckboxMenu>。

.checkBoxMenuClass ul {max-height：70px; overflow：auto;}

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

p：selectcheckboxmenu - 自定义scrollheight

3 个答案: