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

时间:2012-05-18 15:20:36

标签: jsf jsf-2 map el

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

以下确实利用itemLabel显示列表中项目的“描述”:

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

以下尝试在地图中显示项目的值不起作用。它显示项目的键,但不使用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?

1 个答案:

答案 0 :(得分: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 for this。

E.g。

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}" />

另见: