DataTable clearFilter()无法正常工作

Question

我有一个复杂的JSF,其中包含dataTable,每个列都有过滤器.为了确保生成按钮首先获取所有数据,我需要在用户按下按钮时清除所有过滤器.

我尝试使用onclick,但后来我看不到blockUI我也尝试完成(ajax)但是它再次无法正常使用所有其他项目(blockUI,消息).我决定尝试通过服务器端清除过滤器,但只有dataTable.reset()正在工作.

我没有更多的想法如何清洁过滤器???

这个API有效吗？

感谢您的帮助

谢谢

<h:panelGrid columns="1" style="width: 100%">
    <p:panel id="vt-panel">
        <h:panelGrid columns="5" cellpadding="2" >  
            <h:outputText value="Start Date"  />
            <p:calendar id="vt-start" value="#{vtRepBean.startDate}" binding="#{startDateComponent}" maxlength="9" size="9" pattern="dd-MMM-yy" title="dd-MMM-yy" required="true" maxdate="#{vtRepBean.endDate}">
                <p:ajax event="dateSelect" listener="#{vtRepBean.handleStartDateSelect}" update=":mainForm:vt-end"/>
            </p:calendar>
            <h:outputText value="End Date"  />
            <p:calendar id="vt-end" value="#{vtRepBean.endDate}" maxlength="9" size="9" pattern="dd-MMM-yy" title="dd-MMM-yy" required="true" mindate="#{vtRepBean.startDate}">
                <p:ajax event="dateSelect" listener="#{vtRepBean.handleEndDateSelect}" update=":mainForm:vt-start"/>
            </p:calendar>
            <p:commandButton
                id="genVtBtn"
                value="Generate"
                actionListener="#{vtRepBean.handleVTGenerateButton}"
                update=":mainForm:vt-panel,:mainForm:vt-panel-table">
            </p:commandButton>
        </h:panelGrid>
    </p:panel>
</h:panelGrid> 
<p:growl id="vt_message" showDetail="true" autoUpdate="true"/>
<h:panelGroup id="vt-panel-table">
    <p:dataTable id="vtDataTable"
                 widgetVar="vtWidget"
                 var="reportObject"
                 value="#{vtRepBean.reportObjectsList}"
                 rendered="#{vtRepBean.renderVTReport}"
                 filteredValue="#{vtRepBean.filteredVTList}"
                 paginator="true"
                 paginatorPosition="bottom"
                 paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                 rowsPerPageTemplate="50,100,200"
                 rows="50"
                 style="width: 100%"> 
        <p:columnGroup type="header"> 
            <p:row>  
                <p:column colspan="5" headerText="VT request"/> 
                <p:column colspan="1" headerText="Dis" /> 
            </p:row>  
            <p:row>  
                <p:column headerText="CREATE DATE" sortBy="#{reportObject.log.createDate}" filterBy="#{reportObject.log.createDate}" filterMatchMode="contains"/>  
                <p:column headerText="IP" sortBy="#{reportObject.log.ip}" filterBy="#{reportObject.log.ip}" filterMatchMode="contains"/>    
            </p:row>
        </p:columnGroup>
        <p:column >  
            <h:outputText value="#{reportObject.log.createDate}"/>  
        </p:column>
        <p:column >  
            <h:outputText value="#{reportObject.log.ip}"/>  
        </p:column>    
    </p:dataTable>
    <p:commandLink rendered="#{vtRepBean.renderVTReport}" ajax="false" onclick="PrimeFaces.monitorDownload(showStatus, hideStatus)">  
        <p:graphicImage value="resources/images/excel.png" title="excel" style="border-color: white"/>  
        <p:dataExporter id="xlsReport"
                        type="xls" 
                        target="vtDataTable"
                        fileName="VTReport"
                        postProcessor="#{vtRepBean.postProcessXLS}"/>
    </p:commandLink>
</h:panelGroup>
<p:blockUI widgetVar="blockVTPanel" trigger="genvtBtn" block="vt-panel">
    <div class="disable-scroll">
        <p:graphicImage value="resources/images/ajax-loader.gif"/> 
    </div>
</p:blockUI>

     DataTable dataTable = (DataTable) FacesContext.getCurrentInstance().getViewRoot().findComponent("mainForm:vtDecomDataTable");
        if (!dataTable.getFilters().isEmpty()) {
            logger.info("dataTable.getFilters().isEmpty() :" + dataTable.getFilters().isEmpty());

            dataTable.getFilters().clear();// not working
            dataTable.getFilteredValue().clear();// not working
            dataTable.setFilteredValue(null);// not working
            dataTable.setFilters(null);// not working
            dataTable.setFilterMetadata(null);// not working 

            dataTable.reset();// working 

            RequestContext requestContext = RequestContext.getCurrentInstance();
            requestContext.update("mainForm:vtDecomDataTable");

        }

Answer 1

要清除过滤器的所有输入,您可以通过javascript执行此操作:

<p:commandButton onclick="PF('vtWidget').clearFilters()" />

vtWidget 是数据表的widgetVar.

基本上clearFilters()将为您清除字段并调用filter(),过滤器函数将更新您的数据表,而数据表又将清空已过滤的列表.

注意:这仅适用于过滤器inputText.如果您有自定义组件,那么您应该根据您拥有的组件实现自己的清除.

有时,如果您有自定义组件,则需要手动清空已过滤的列表,就像在评论中一样!

Answer 2

这就是我解决问题的方法.

 RequestContext requestContext = RequestContext.getCurrentInstance();
 requestContext.execute("PF('widget_orderDataTable').clearFilters()");

希望它的帮助.

Answer 3

要清除自定义过滤器,您可以使用primefaces resetInput,以及其他答案中讨论的clearFilters()和自定义actionListener方法.请参阅下面的代码段:

<p:dataTable id="dataTable" widgetVar="dataTable"
    value="#{bean.listOfObjects}" var="object">

<p:commandButton value="Clear All Filters"
    onclick="PF('dataTable').clearFilters()" 
    actionListener="#{controller.clearAllFilters}"
    update="dataTable">
    <p:resetInput target="dataTable" />
</p:commandButton>

Controller.java

public void clearAllFilters() {

    DataTable dataTable = (DataTable) FacesContext.getCurrentInstance().getViewRoot().findComponent("form:dataTable");
    if (!dataTable.getFilters().isEmpty()) {
        dataTable.reset();

        RequestContext requestContext = RequestContext.getCurrentInstance();
        requestContext.update("form:dataTable");
    }
}

我希望这有助于任何想要清除自定义过滤器的人.