p:selectOneMenu 在 noSelectionOption 项目存在时预选前一个项目

Question

在添加f:selectItem 时，p:selectOneMenu 选择存在问题。

查看：

<p:selectOneMenu value="#{selectionTest.selectedName}">
    <f:selectItem itemLabel="Select" noSelectionOption="true" />
    <f:selectItems value="#{selectionTest.allNames}" var="varName" itemLabel="#{varName}" itemValue="#{varName}" />
</p:selectOneMenu>

型号：

private List<String> allNames;
private String selectedName;

public MenuSelectionTestBean(){
    allNames = new ArrayList<String>();
    allNames.add("Ahmed");
    allNames.add("Mohamed");
    allNames.add("Ibrahim");
    allNames.add("Walid");

    selectedName ="Walid";
}

结果：

应该选择项目“Walid”，但是选择了“Ibrahim”。我认为 PrimeFaces 根据其在列表中的索引而不是项目的值来选择项目。

这是怎么引起的，我该如何解决？

Answer 1

我可以重现您的问题。我查看了 PrimeFaces 源代码。这是 PrimeFaces SelectOneMenuRenderer 中的一个错误，仅在使用带有 noSelectionOption="true" 的项目时才会暴露。渲染器不会为此生成支持<select> 元素的HTML <option> 元素，但它会为此生成视觉<ul> 列表的<li>。换句话说，<select> 在您的情况下包含 4 个项目，<ul> 包含 5 个项目。 <li> 是由 JavaScript 根据 <option selected> 的索引选择的，正如您所怀疑的那样。这就解释了你的问题。

您最好的选择是 report it as a bug 给 PrimeFaces 人。渲染器还应该为此生成 <option>，或者 JavaScript 应该根据值而不是索引来选择选项。

同时，将noSelectionOption="true" 替换为itemValue="#{null}"，或者当JSF 配置为将提交的空字符串值解释为null 时也替换itemValue=""，应该可以解决您的问题。