如何隱藏H：selectManyListbox默認滾動

Question

我哈瓦H：selectManyListbox與大小= 3，有一個默認出現禁用滾動，我想隱藏它，並在必要時（如尺寸> 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 />呈現'select'和'option'html標記。您無法在這種細節中控制選擇框的外觀，顯示取決於系統。 你可以使用一些技巧（條件大小= 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>