JSF <f:ajax> 标签在提交后未呈现我的表单

Question

在调用删除这些元素之一的托管 Bean 操作后，我试图呈现我的元素列表。 这是我的jsf页面代码：

<div class="container">
    <div class="starter-template">
        <h:form id="productslist">
            <div class="row">
                <ui:repeat value="#{listProductsManagedBean.products}" var="product">
                    <div class="col-md-4">
                        <h1>
                            <h:outputText id="outputname" value="#{product.name}"/>
                        </h1>
                        <p>
                            <h:outputText id="outputprice" value="#{product.price} #{product.currency}"/>
                        </p>
                        <p>
                            <h:commandLink class="btn btn-primary btn-lg" value="Delete" action="#{listProductsManagedBean.delete}">
                                <f:ajax render="outputprice outputname"/>
                                <f:param name="id" value="#{product.id}" />
                            </h:commandLink>
                        </p>
                    </div>
                </ui:repeat>
            </div>
        </h:form>
    </div>
</div>

这是我正在调用的托管 bean 操作：

public void delete(){
   ProductEntity product;
   product = productEntityFacade.find(id);
   productEntityFacade.remove(product);
}

我希望我的表单被渲染并且不再显示被删除的元素。

Answer 1

您不能以这种方式从ui:repeat 中删除已删除的元素。请尝试render="@form"。

此外，在f:ajax 中使用execute="@this" 是一种更好的做法。删除操作不需要提交整个表单。

<h:commandLink class="btn btn-primary btn-lg" value="Delete" action="#{listProductsManagedBean.delete}">
    <f:ajax execute="@this" render="@form"/>
    <f:param name="id" value="#{product.id}" />
</h:commandLink>

Answer 2

解决了。我犯了一个愚蠢的错误。我没有在托管 Bean 中重新加载列表（在 @PostConstruct 方法中填充），现在正在使用 t:dataList 标记。