p:selectOneMenu 不会通过 List<String> 上的 p:column 呈现自定义内容

Question

我正在尝试使用 Primefaces 5.2 selectOneMenu 来显示图像及其文件名。这是我的 xhtml 目前的样子：

<h:form>
<h:panelGrid id="createPanelGrid" columns="2">
    <p:outputLabel value="Service Logo:" />
    <p:selectOneMenu value="#{imageBean.selectedImage}" var="l">
        <f:selectItem itemLabel="Select a logo" itemValue="" />
        <f:selectItems value="#{imageBean.imageList}" var="logo" itemLabel="#{logo}" itemValue="#{logo}" />
        <p:column>
            <p:graphicImage value="#{imageBean.imageFolder}/#{l}" style="max-width:50px;max-height:50px;" />
        </p:column>
        <p:column>#{l}</p:column>
    </p:selectOneMenu>
</h:panelGrid>

ManagedBean (imageBean) 有

public List<String> getImageList () {
    List<String> imageList = new ArrayList<String>();
    File[] files = absoluteImageFolder.listFiles();
    for (File file : files) {
        imageList.add(file.getName());
    }        
    return imageList;
}

和

private String selectedImage;

public String getSelectedImage() {
    return selectedImage;
}

public void setSelectedImage(String selectedImage) {
    this.selectedImage = selectedImage;
}

但是，图像并没有呈现在网页上，只是文件名（我会发布截图，但我没有足够的声誉）。我没有得到两列（首先是图像，然后是文件名），我只得到文件名本身。

当我将文件名字符串包装到 POJO 中并使用转换器时，它可以工作 - 但仅使用字符串就不行。

我怎样才能让它只使用字符串？

Answer 1

原因是 Primefaces 库正在检查 selectOneMenu 组件的 var 属性中的 bean，但是您提供的 String 对象不是 beans。所以库根本不呈现任何列覆盖。您将需要 var 属性中的 bean（包装器）和 converter 属性中的相应转换器。

Answer 2

SelectOneMenuRenderer source code 证实了这种尴尬的行为（行号匹配 5.2）：

260            if(itemValue instanceof String) {
261                writer.startElement("td", null);
262                writer.writeAttribute("colspan", columns.size(), null);
263                writer.writeText(selectItem.getLabel(), null);
264                writer.endElement("td");
265            } 
266            else {
267                for(Column column : columns) {
268                    writer.startElement("td", null);
269                    renderChildren(context, column);
270                    writer.endElement("td");
271                }
272            }

因此，如果项目值是 String 的实例，则通过 <p:column> 的自定义内容将被完全忽略。这确实没有任何意义。直观的预期是自定义内容通过var 属性和/或<p:column> 子项的存在来切换。您最好向 PrimeFaces 人员报告问题以解释/改进这一点。

除了提供非String 类型的项目值之外，解决方法是使用自定义渲染器覆盖SelectOneMenuRenderer，该渲染器将String 包装在另一个对象中，该对象恰好在其返回完全相同的值toString()，如StringBuilder。这样渲染器就会被愚弄，认为这些值不是String 的实例。很高兴他们没有检查instanceof CharSequence。

public class YourSelectOneMenuRenderer extends SelectOneMenuRenderer {

    @Override
    protected void encodeOptionsAsTable(FacesContext context, SelectOneMenu menu, List<SelectItem> selectItems) throws IOException {
        List<SelectItem> wrappedSelectItems = new ArrayList<>();

        for (SelectItem selectItem : selectItems) {
            Object value = selectItem.getValue();

            if (value instanceof String) {
                value = new StringBuilder((String) value);
            }

            wrappedSelectItems.add(new SelectItem(value, selectItem.getLabel()));
        }

        super.encodeOptionsAsTable(context, menu, wrappedSelectItems);
    }

}

为了让它运行，在faces-config.xml注册如下：

<render-kit>
    <renderer>
        <component-family>org.primefaces.component</component-family>
        <renderer-type>org.primefaces.component.SelectOneMenuRenderer</renderer-type>
        <renderer-class>com.example.YourSelectOneMenuRenderer</renderer-class>
    </renderer>
</render-kit>