jsf - 如何隐藏 h:selectManyListbox 默认滚动

Question

我 hava h:selectManyListbox with size=3并且出现了默认禁用的滚动，我想隐藏它，并在必要时显示它（如果 size >3 ）。

请告知如何做到这一点，谢谢。

Answer 1

像这样的东西

<h:selectManyListbox styleClass="#{(myBean.hideScroll gt 3)?'':'myHideScrollClass'}"...

你的CSS在哪里

.myHideScrollClass {

 }

或者简化一点

 <h:selectManyListbox style="#{(myBean.hideScroll gt 3)?'':'overflow-y:hidden;'}"...

---

此外，myBean.hideScroll gt 3您可以使用myBean.myList.size() gt 3但确保myList不是null

Answer 2

<h:selectManyListbox />渲染“选择”和“选项”html 标签。您无法如此详细地控制选择框的外观，它的显示取决于系统。您可以使用一些技巧（条件size=3：您可以使用@Daniel 方法）：

<style type="text/css">
 .test { 
    display:inline-block; 
    vertical-align:top; 
    overflow:hidden; 
    border:solid grey 1px; 
 }
 .test select { 
    padding:10px; 
    margin:-5px -20px -5px -5px; 
 }
</style>
<div class="test">
<h:selectManyListbox />
</div>