DataTable clearFilter() 无法正常工作

Posted

技术标签:

【中文标题】DataTable clearFilter() 无法正常工作【英文标题】:DataTable clearFilter() not working properly 【发布时间】:2014-07-10 22:32:15 【问题描述】:

我有一个复杂的 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");

        

【问题讨论】:

你的&lt;p:dataTable&gt;中的vtDecomDataTable在哪里 抱歉错字应该是“requestContext.update("mainForm:vtDataTable")” 同样的问题,这个天才没有答案? 你试过清空filteredVTList然后更新数据表吗? @HatemAlimam : public void resetFilterDatatable( filteredVTList = null; 适用于数据表,但过滤列输入没有被清除,这是问题所在。 【参考方案1】:

要清除过滤器的所有输入,您可以通过 javascript 来完成:

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

vtWidget是数据表的widgetVar。

基本上clearFilters()会为你清除字段并调用filter(),过滤器函数会更新你的数据表,这反过来会清空过滤后的列表。

注意:这仅在过滤器为 inputText 时才有效。如果您有自定义组件,那么您应该根据您拥有的组件实现自己的 clear。

有时如果您有自定义组件,您需要手动清空过滤列表,就像在 cmets 中所做的那样!

【讨论】:

我从未见过过滤器是 inputText,我的情况与展示柜相同(但没有全局过滤器 inputText):primefaces.org/showcase/ui/data/datatable/filter.xhtml。我想清除我的列过滤器(),它们是组合框或文本输入。 您自己说过“文本输入”,即 inputText .. 这是一个普通的 html 输入(自动生成)...事实上,如果您获得 onclick 代码并在在展示页面中的控制台,你会得到你想要的结果......所以要测试去primefaces.org/showcase/ui/data/datatable/filter.xhtml在id过滤器中写任何东西,现在打开你的控制台并执行这个PF('carsTable').clearFilters()...... "如果您有自定义组件,那么您应该根据您拥有的组件实施您自己的 clear。"你会怎么做? 再次,这取决于您拥有的自定义组件,每个可能都有一个案例@PieterDeBie【参考方案2】:

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

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

希望有帮助。

【讨论】:

将其用于 primefaces 6.x PrimeFaces.current().executeScript("PF('widget_orderDataTable').clearFilters()");【参考方案3】:

要清除自定义过滤器,您可以使用 primefaces resetInput,以及其他答案中讨论的 clearFilters() 以及自定义 actionListener 方法。参见下面的代码 sn-ps:

<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");
    

我希望这对希望清除自定义过滤器的人有所帮助。

【讨论】:

我想知道您是否必须在Java代码中的ID前面添加:,就像您对EL代码一样?所以结果字符串是":form:dataTable"。另外,如果您使用 p:page id="foo",您可能还需要将其添加到 id:":foo:form:dataTable" @Roland:不需要。 requestContext.update 中的 id总是被视为绝对的。 使用 在删除时效果很好,但是当我将新对象添加到表无法正常工作,但您的解决方案可以完美运行。谢谢。 @ElíGiacomelli 知道为什么 clearFilters () 不能正常工作吗?我正在尝试在对话框关闭时清除对话框中 p:datatable 的过滤器。解决方案 clearFilters () 和 avey 的解决方案都运行良好。【参考方案4】:

对于 Primefaces 7 及更高版本,请使用以下内容:

public void clearAllFilters() 

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

        PrimeFaces.current().ajax().update("form:dataTable");
    

【讨论】:

这帮助我完成了 clearFilter 而无需使用 进行 ajax 调用,谢谢 marcel :)

以上是关于DataTable clearFilter() 无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

jquery datatable无数据提示不居中显示

Flutter DataTable 看这一篇就够了

Flutter DataTable 看这一篇就够了

Flutter DataTable 看这一篇就够了

循环 LINQ 查询并将结果附加到 DataTable

如何检查 DataTable 是不是包含 DataRow?