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");
【问题讨论】:
你的<p:dataTable>
中的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。我想清除我的列过滤器(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 而无需使用以上是关于DataTable clearFilter() 无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章