JSF-2 f:带有Map的selectItems不显示itemLabel

问题描述 投票:15回答:1

当我使用f:selectItems来显示Map中的项目时,我无法显示Map项的值,只显示键。 f:selectItems根本不使用itemLabel。当我使用List而不是工作。

以下确实使用itemLabel来显示List中项目的“描述”:

<h:selectOneMenu>
  <f:selectItems value="#{testBB.testList}" var="s"
    itemLabel="TEST #{s.description}" itemValue="#{TEST s.name}" />
</h:
selectOneMenu>

以下尝试在Map中显示项目的值不起作用。它显示项目的键,但不使用itemLabel属性,因为可以通过缺少“TEST”文本的输出来识别。

<rich:select>
  <f:selectItems value="#{testBB.testMap}" var="s"
    itemLabel="TEST #{s.value}" itemValue="TEST #{s.key}" />
</rich:select>

使用的简单支持bean如下:

public class TestBB {
  private Map<String, String> testMap;
  private List<TestItem> testList;

  public TestBB() {
    testMap = new HashMap<String, String>();
    testMap.put("1_key", "Item One");
    testMap.put("2_key", "Item Two");
    testMap.put("3_key", "Item Three");

    testList = new ArrayList<TestItem>();
    testList.add( new TestItem("name_1", "description_1") );
    testList.add( new TestItem("name_2", "description_2") );
    testList.add( new TestItem("name_3", "description_3") );
  }

  public Map<String, String> getTestMap() {
    return testMap;
  }

  public List<TestItem> getTestList() {
    return testList;
  }

}

那么,关于如何使这项工作的任何想法,即如何有效地使用带有selectItems的Map?

jsf jsf-2 map el
1个回答
39
投票

你的问题很合理,但是代码让人感到困惑和含糊。我会在这个答案中忽略你的代码。

至于具体问题“如何在Map中使用<f:selectItems>”,你需要意识到默认情况下地图键被用作项目标签,并且默认情况下地图值被用作项目值。你似乎期望它是相反的方式(老实说,我直觉也期望,但这只是一个设计决定 - 地图键强制唯一性和选项标签应该在UI视角绝对是唯一的,但选项值不一定非常独特)。

所以,这应该做(注意我在这里使用LinkedHashMap,因为它维护插入顺序):

map = new LinkedHashMap<String, String>();
map.put("Label 1", "value1");
map.put("Label 2", "value2");
map.put("Label 3", "value3");

<f:selectItems value="#{bean.map}" />

如果你想交换键和值,那么你应该迭代Map#entrySet()。这仅适用于您的环境支持EL 2.2,因为您必须通过直接方法调用来调用它,因为没有getter。

EG

map = new LinkedHashMap<String, String>();
map.put("value1", "Label 1");
map.put("value2", "Label 2");
map.put("value3", "Label 3");

<f:selectItems value="#{bean.map.entrySet()}" var="entry" 
    itemValue="#{entry.key}" itemLabel="#{entry.value}" />

See also:

© www.soinside.com 2019 - 2024. All rights reserved.