gpt4 book ai didi

jsf-2 - p :selectOneMenu list display

转载 作者:行者123 更新时间:2023-12-04 14:01:47 25 4
gpt4 key购买 nike

我对 p:selectOneMenu 有一些问题。我的 selectOneMenu 将填充一个带有分组的列表。如果列表太长,列表将向上显示,没有任何垂直滚动条。它应该用垂直滚动条向下显示。

如果 selectOneMenu 填充有没有分组的普通列表,它工作正常。如果列表太长,可以使用垂直滚动条显示。

<p:selectOneMenu id="abcd_combo_box_ctpy2" styleClass="selectOneMenu">
<f:selectItems value="#{pc_Abcd.carList2}" ></f:selectItems>
</p:selectOneMenu>

public List getCarList2() {

List cars;

SelectItemGroup g1 = new SelectItemGroup("German Cars");
g1.setSelectItems(new SelectItem[] {
new SelectItem("BMW", "BMW"),
new SelectItem("Mercedes", "Mercedes"),
new SelectItem("Volkswagen", "Volkswagen"),
new SelectItem("Item 1", "Item 1"),
new SelectItem("Item 2", "Item 2"),
new SelectItem("Item 3", "Item 3"),
new SelectItem("Item 4", "Item 4"),
new SelectItem("Item 5", "Item 5"),
new SelectItem("Item 6", "Item 6"),
new SelectItem("Item 7", "Item 7"),
new SelectItem("Item 8", "Item 8"),
new SelectItem("Item 9", "Item 9"),
new SelectItem("Item 10", "Item 10"),

});

SelectItemGroup g2 = new SelectItemGroup("American Cars");
g2.setSelectItems(new SelectItem[] {
new SelectItem("Chrysler", "Chrysler"),
new SelectItem("GM", "GM"),
new SelectItem("Ford", "Ford"),
new SelectItem("Item 21", "Item 21"),
new SelectItem("Item 22", "Item 22"),
new SelectItem("Item 23", "Item 23"),
new SelectItem("Item 24", "Item 24"),
new SelectItem("Item 25", "Item 25"),
new SelectItem("Item 26", "Item 26"),
new SelectItem("Item 27", "Item 27"),
new SelectItem("Item 28", "Item 28"),
});

cars = new ArrayList();
cars.add(g1);
cars.add(g2);

return cars;
}

最佳答案

调整“ui-selectonemenu-items-wrapper”类的高度。

尝试这个

<html xmlns="http://www.w3.org/1999/xhtml"   
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
>
<h:head>
<style>

.ui-selectonemenu-list,
.ui-selectonemenu-panel,
.ui-widget-content
{
height:50% !important
}


.ui-selectonemenu-items-wrapper
{
height:100% !important
}


</style>
</h:head>

<h:body>
<p:selectOneMenu id="abcd_combo_box_ctpy2" styleClass="selectOneMenu" >
<f:selectItems value="#{pc_Abcd.carList2}" ></f:selectItems>
</p:selectOneMenu>
</h:body>
</html>

enter image description here

关于jsf-2 - p :selectOneMenu list display,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18422608/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com