Primefaces SelectCheckBox菜单过滤器在selectOneMenu位于数据表内部时不工作

Question

我有一个Primefaces（5.0）数据表。我使用两列过滤器：selectOneMenu（过滤器1）和selectCheckboxMenu（过滤器2）。

selectOneMenu（Filter1）可以过滤DataTable，但是selectCheckbox Menu（Filter2）在选择一个值后找不到任何数据。

JSF

<p:dataTable value="#{employeeBean.employees}" var="employee" id="employeeDTable"
    emptyMessage="No data" filteredValue="#{employeeBean.filteredEmployees}"
    widgetVar="empWidgetVar" rowKey="#{employee.id}">
    
    <!-- THIS WORKS -->
    <p:column headerText="Filter1" filterBy="truck.id" filterMatchMode="exact">
        <f:facet name="filter">
            <p:selectOneMenu onchange="PF('empWidgetVar').filter()">
                <f:selectItems value="#{dropdowns.trucksWithAllOption}"/>
            </p:selectOneMenu>
        </f:facet>
        <h:outputText value="#{employee.truck.license}"/>
    </p:column>
    
    <!-- THIS DOESN'T WORK (Doesn't find any data) -->
    <p:column headerText="Filter2" filterBy="truck.id" filterMatchMode="in">
        <f:facet name="filter">
            <p:selectCheckboxMenu onchange="PF('empWidgetVar').filter()" label="Vrachtwagen">
                <f:selectItems value="#{dropdowns.trucksWithAllOption}"/>
            </p:selectCheckboxMenu>
        </f:facet>
        <h:outputText value="#{employee.truck.license}"/>
    </p:column>
    
</p:dataTable>

dropdowns.trucks全包

渲染过滤器1

渲染过滤器

为什么selectCheckboxMenu（Filter2）找不到任何数据，而selectOneMenu（Filter1）可以找到相同的数据？

Answer 1

我知道这可能是一个老问题，但我已经为selectCheckboxMenu过滤器苦苦挣扎了好几天，终于找到了解决方案。首先，要使此过滤器正常工作，您应该在代码中执行以下几项操作：

>

filterBy设置为输出文本中显示的精确值

String[]value将选定的筛选器值存储在bean中

捕获更改并选择所有带ajax的复选框事件并触发PrimeFaces过滤器功能

在bean中绑定一个侦听器来处理当selectCheckbox Menu触发时的过滤器事件

为了避免javascript版本的问题，只需将您的表ID和WidgetVar设置为相同的值（在我们的示例TABLEID中）

在UI组件中设置ID，并在可数据中找出此列的索引。最好是设置这两个常量在您的控制器或演示文稿

<p:column id="columnLicenses" headerText="Filter2" filterBy="employee.truck.license" filterMatchMode="in">
<f:facet name="filter">
    <p:selectCheckboxMenu value="#{employeeBean.selectedTrucks}" label="Vrachtwagen">
        <f:selectItems value="#{dropdowns.trucksWithAllOption}"/>
        <p:ajax event="change" process="@this" update=":FORMID" listener="#{employeeBean.onFilter()}" oncomplete="PF('TABLEID').filter()" />
        <p:ajax event="toggleSelect" process="@this" update=":FORMID" listener="#{employeeBean.onFilter()}" oncomplete="PF('TABLEID').filter()" />
    </p:selectCheckboxMenu>
</f:facet>
<h:outputText value="#{employee.truck.license}"/>

在bean中，您需要实现侦听器。还需要实现将实际的FilterMeta对象加载到属于可数据对象的FilterMetadata对象中的方法。由于PrimeFaces没有传递String数组选择值过滤器的好值，我们基本上要在bean中连接这个数组，然后将其转换为PrimeFaces没有提供的FilterMeta对象。因此，在您的bean中添加以下代码：

private static final String TABLE_ID = "TABLEID";
private static final String COLUMN_ID_LICENSES = "columnLicenses";
private static final int COLUMN_INDEX_LICENSES = 2; // for example, it is third column in the table
private String [] selectedTrucks; // Also generate getter and setter for this

public void onFilter() {
        DataTable table = (DataTable) FacesContext.getCurrentInstance().getViewRoot().findComponent(TABLE_ID);
        updateCollectionFilterFor(table, COLUMN_ID_LICENSES, selectedTrucks,
                COLUMN_INDEX_LICENSES);
    }

@SuppressWarnings("unchecked")
private void updateCollectionFilterFor(final DataTable table, final String columnId, final String[] filterValue,
        int columnIndex) {
    for (UIColumn column : table.getColumns()) {
        if (column.getClientId().contains(columnId)) {
            ValueExpression columnFilterByVE = column.getValueExpression("filterBy");
            if (null != columnFilterByVE) {
                FilterMeta fm = new FilterMeta(column, columnFilterByVE, filterValue);
                table.getFilterMetadata().remove(columnIndex);
                table.getFilterMetadata().add(columnIndex, fm);
            }
        }
    }
}