<ui:repeat>内的自定义组件在编码期间找不到迭代项

Question

我正在尝试创建一个自定义组件来显示具有特定表单的实体.所以我创建了我的@FacesComponent并且他正在工作,但只有当他不在循环中时才会这样<ui:repeat>.当我使用以下代码时,我的组件显示价格和照片的空值,但不显示名称.你有解释吗？

XHTML代码:

<ui:define name="content">
    <f:view>
        <h:form>
            <ui:repeat value="#{dataManagedBean.listNewestCocktails}" var="item" varStatus="status">
                <h:outputText value="#{item.price}"/> <!--working very well-->
                <t:cocktailVignette idPrefix="newCocktails" name="foo" price="#{item.price}" urlPhoto="#{item.photoURI}"/>   <!-- not working the getPrice here -->
            </ui:repeat>

            <!--<t:cocktailVignette idPrefix="allCocktails" name="OSEF" price="20" urlPhoto="osefdelurl" ></t:cocktailVignette> -->
        </h:form>               
    </f:view> 

我的组件代码:

    package component;

import java.io.IOException;
import javax.faces.context.FacesContext;
import javax.faces.component.FacesComponent;
import javax.faces.component.UIComponentBase;
import javax.faces.context.ResponseWriter;

@FacesComponent(value = "CocktailVignette")
public class CocktailVignette extends UIComponentBase {

    private String idPrefix;
    private String name;
    private String price;
    private String urlPhoto;

    public String getIdPrefix() {
        return idPrefix;
    }

    public void setIdPrefix(String idPrefix) {
        this.idPrefix = idPrefix;
    }


    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPrice() {
        return price;
    }

    public void setPrice(String price) {
        this.price = price;
    }

    public String getUrlPhoto() {
        return urlPhoto;
    }

    public void setUrlPhoto(String urlPhoto) {
        this.urlPhoto = urlPhoto;
    }

    @Override
    public String getFamily() {
        return "CocktailVignette";
    }

    @Override
    public void encodeBegin(FacesContext context) throws IOException {
        ResponseWriter writer = context.getResponseWriter();
        writer.write("<div id=\""+idPrefix+name+"\" class=\"cocktail-vignette\">");
        writer.write("<h2>"+name+"</h2>");
        writer.write("<h3>"+price+"</h3>");
        writer.write("</div>");
    }
}

非常感谢:)我正在尝试但没有任何工作......

Answer 1

对状态更改敏感的所有组件属性(例如,依赖于该值<ui:repeat var>,至少在视图构建时间期间但在视图呈现时间期间未知的那些)必须将属性值的存储委托给状态助手.可通过继承getStateHelper()方法获得.

开球示例:

public String getPrice() {
    return (String) getStateHelper().eval("price");
}

public void setPrice(String price) {
    getStateHelper().put("price", price);
}

对所有其他属性应用相同的内容并删除实例变量声明.重要提示是状态助手键("price"在上面的示例中)必须与属性名称完全相同.

也可以看看:

• 扩展UIComponentBase时如何保存状态