使用筛选器时，p:commandButton在p:dataTable中不起作用

Question

我使用的是JSF、Primefaces 5.2和GlassFish 4.1。

我已经建立了一个简单的项目来测试和复制我的大问题，并发现它在测试项目中是可重复的。

我有一个简单的页面，上面有一个对象的简单列表。我正在使用<p:dataTable>，并使用全局搜索功能和分页。

表格代码

<ui:define name="content">
    <h:form id="carsForm" >
        <p:dataTable id="singleDT" var="c" value="#{testFlow.cars}" widgetVar="carsTable" rows="10" paginator="true"
                     paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                     rowsPerPageTemplate="5,10,15" emptyMessage="No cars found with the given criteria" reflow="true"
                     filteredValue="#{testFlow.filteredCars}">
            <f:facet name="header">
                <p:outputPanel class="fright">
                    <h:outputText value="Search all fields: " />
                    <p:inputText id="globalFilter" onkeyup="PF('carsTable').filter()" style="width:200px" placeholder="Enter keyword" />
                </p:outputPanel>
                <p:outputPanel class="Fleft">
                    <p:commandButton value="New Car" action="addCar" />
                </p:outputPanel>
                <div class="EmptyBox5"></div>
            </f:facet>
            <p:column filterBy="#{c.id}" headerText="ID" sortBy="#{c.id}" >
                <h:outputText value="#{c.id}"/>
            </p:column>
            <p:column filterBy="#{c.m}" headerText="Model Year" sortBy="#{c.modelYear}" >
                <h:outputText value="#{c.modelYear}"/>
            </p:column>
            <p:column filterBy="#{c.make}" headerText="Make" sortBy="#{c.make}" >
                <h:outputText value="#{c.make}"/>
            </p:column>
            <p:column filterBy="#{c.model}" headerText="Model" sortBy="#{c.model}" >
                <h:outputText value="#{c.model}"/>
            </p:column>
            <p:column filterBy="#{c.color}" headerText="Color" sortBy="#{c.color}" >
                <h:outputText value="#{c.color}"/>
            </p:column>
            <p:column style="width: 200px; text-align: center">
                <p:commandButton actionListener="#{testFlow.removeCar(c)}" value="Delete" update="singleDT messages" ajax="true" >
                    <p:confirm header="Confirmation" message="Are you sure?" icon="ui-icon-alert" />
                </p:commandButton>
            </p:column>
        </p:dataTable>
        <div class="EmptyBox5"></div>
        <p:panel>
            <p:commandButton action="returnFromTestFlow" value="Exit the Flow" />
        </p:panel>
    </h:form>
    <p:messages id="messages" autoUpdate="true" closable="true" />
    <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
        <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
        <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
    </p:confirmDialog>
</ui:define>

我的控制器有一个简单的方法来删除对象。

方法

public String removeCar(Inventory c) {
    String redirectTo = "/testFlow/testFlow";
    try {
        this.cars.remove(c);
        iFacade.remove(c);
    } catch (Exception e) {
        System.out.println(e.getMessage());
    }
    return redirectTo;
}

当我删除所有的筛选和排序时，在我单击"是"并删除行之后，会调用该方法。然而，当过滤和排序到位时，整个表只是重新显示为空，但从未调用任何方法。不会出现任何错误，并且在使用调试器时，它永远不会在有问题的方法中达到断点。

如有任何帮助或指示，我们将不胜感激。

Answer 1

我认为问题在于，数据表首先是使用您提供的列表来呈现的，但当您按下按钮时，它会搜索过滤后的列表，因为它一开始是空的，所以无法找到按钮。另一方面，请注意，如果输入搜索条件并再次删除，则按钮会起作用。这是因为已经填充了筛选列表，现在可以找到按钮了。若要解决此问题，需要使用预渲染的所有值填充过滤列表。在您的情况下：

在您的后台bean中：

public void init()
{
    if(!FacesContext.getCurrentInstance().isPostback())
    {
        filteredCars = cars;
    }
}

在xhtml文件中：

<f:event type="preRenderView" listener="#{testFlow.init}"/>;

另一种方法是在init((函数上使用@PostConstruct注释，而不是<f:event type="preRenderView />，这是更清晰的代码，但在我看来，在调用函数的时间方面有点模糊。

Answer 2

也有同样的问题，@djst解决方案对我不起作用，但我最终通过使用Omnifaces表单(o:form(而不是标准的h:form来解决这个问题。虽然不知道为什么，但可能值得一试。

Answer 3

当你使用过滤时，素数面会创建一个列表并将其显示在结果中，当你从主列表中删除一个项目时，它与显示列表无关，这可能会导致类似于你身上发生的事情的问题。