如何在Primefaces数据表中放置对象的删除按钮?

Kor*_*gay 6 jsf primefaces

我有一个包含几行的数据表,我有一个列,其中有一个带有简单按钮的表单,用于删除该行中的对象.

首先是工作版:

<h:dataTable value="#{actorTableBackingBean.allActors}" 
    var="actor" styleClass="table table-bordered">

    <h:column headerText="Actor Name" sortBy="#{actor.firstName}">
        <h:outputText value="#{actor.firstName}"/>
    </h:column>

    <h:column headerText="Actor Detail">
        <h:form>
            <h:commandButton value="Delete Actor" 
                styleClass="btn btn-primary" 
                action="#{actorTableBackingBean.deleteActor(actor.actorId)}"/>
         </h:form>
    </h:column>
</h:dataTable>
Run Code Online (Sandbox Code Playgroud)

这就是deleteActor方法的样子:

public String deleteActor(String id){
    removeActorWithId(id);
    return "/allActors.xhtml";
}

private void removeActorWithId(String id){
    int idk = Integer.parseInt(id);
    for(Actor a:allActors){
        if(a.getActorId() == idk){
            allActors.remove(a);
            return;
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

所以这完全符合预期.

但是,当我使用这里显示的Primefaces的分页数据表时,删除按钮仅适用于第二种情况下的FIRST ROW,并且仅适用于第一次.当我点击其他行的"删除"按钮时,根本没有任何反应.可能是什么原因?

对于第二种情况,只需将<form>标签放在p:dataTable中,如链接中所示,并将h:dataTable等所有内容替换为p:dataTable和p:column等...

the*_*boy 16

我建议您使表单标记包含您的数据表.这有效:

<h:form id="actorsTableForm">
            <p:dataTable id="actorsTable" var="item"
                value="#{actorsMB.actorList}" selectionMode="single"
                rowKey="#{item.description}" paginator="true" rows="10"
                paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                rowsPerPageTemplate="5,10,15" paginatorPosition="bottom">
                <p:column headerText="Actor Id" >
                    <h:outputText value="#{item.id}" />
                </p:column>
                <p:column headerText="Actor Description">
                    <h:outputText value="#{item.description}" />
                </p:column>
                <p:column>
                    <p:commandButton icon="ui-icon-trash"
                        title="Delete this actor"
                        actionListener="#{actorsMB.remove(item)}"
                        ajax="false" />
                </p:column>
            </p:dataTable>
</h:form>
Run Code Online (Sandbox Code Playgroud)

和托管bean中的方法:

public void remove(Actor actor) {
    try {
        actorService.remove(actor);
        actorList = actorService.searchAll();
    } catch (Exception e) {
        e.printStackTrace();
    }
}
Run Code Online (Sandbox Code Playgroud)

希望能帮助到你.