java - 返回 JSF 页面上的图像列表

Question

我有一个用户可以从中选择的项目下拉列表( View 是 JSF)。我希望在用户从下拉列表中选择一个项目后，图像出现在同一个 JSF 页面上(即用户从下拉列表中选择单词“Cat”，然后出现一组不同的猫图像)

我如何在 JSF 中对此进行编码？

注意* 我使用的是带有 facelets 的 JSF 2.0，而不是 JSP。

Answer 1

在下拉列表中提供包含图像 URL 的列表，并使用 h:graphicImage 在所选 URL 上显示图像。然后，使用 f:ajax 在更改下拉列表时重新呈现图像。

这是一个启动示例:

<h:form>
    <h:selectOneMenu value="#{bean.imageURL}">
        <f:selectItems value="#{bean.imageURLs}" />
        <f:ajax event="change" render="image" />
    </h:selectOneMenu>
    <h:graphicImage id="image" value="#{bean.imageURL}" /> 
</h:form>

bean 类:

private List<String> imageURLs; // +getter
private String imageURL; // +getter +setter