1

我正在创建一个带有过滤器的数据表，其中可以使用 selectBooleanButton 显示/隐藏过滤器。我可以隐藏文本过滤器，但“精确”过滤器的选择框不会隐藏。代码如下。我将不胜感激任何帮助。

<p:dataTable id="orgs" var="id" widgetVar="idTable"
value="#{orgList.ids}" rows="10"
rowKey="#{id.idPk}"
paginator="true" paginatorPosition="top" 
selectionMode="single" 
selection="#{orgList.selectedOrg}"
filteredValue="#{orgList.filteredValues}"
>

<f:facet name="header">
    <p:toolbar id="orgListToolbar">
        <p:toolbarGroup align="right">
            <p:selectBooleanButton value="#{orgList.showFilter}" onIcon="myfilter" offIcon="ui-icon-minusthick" onLabel="F" offLabel="F">
                <p:ajax update="orgs" oncomplete="idTable.clearFilters()"/>
            </p:selectBooleanButton>
        </p:toolbarGroup>
    </p:toolbar>
</f:facet>


<p:column sortBy="#{id.id}" headerText="Id" filterBy="#{id.id}" filterStyle="#{orgList.showFilter?'':'display: none; visibility: hidden;'}">
    <h:outputText value="#{id.id}" />
</p:column>
<p:column sortBy="#{id.idCls.clsName}" headerText="Id Type"             
        filterBy="#{id.idCls.clsName}" filterMatchMode="exact" filterOptions="#{commonLists.selectItemIdClses}" 
        filterStyle="#{orgList.showFilter?'':'display: none; visibility: hidden;'}" >
    <h:outputText value="#{id.idCls.clsName}" />
</p:column>

4

3 回答 3

1

那是因为 Primefaces 覆盖了您的filterStyle

您可以执行以下操作：

在您的自定义 css 文件中添加以下内容（id是您的表 id）

#id .ui-column-filter{
 display:none;
}

确保最后包含你的css......（你可以在正文中加载css）像这样

<h:body>
    <h:outputStylesheet library="css" name="myCssFile.css" target="head" />

注意就够了，根本display: none;不需要visibility: hidden;

为了隐藏/显示过滤器，您可以使用带有正确选择器的 jQuery .hide()/.show()函数

例如 ：

$("#form\\:dataTable th select").hide();//.show

$("#form\\:dataTable th input").hide();//.show

在DataTable - Filtering中检查（在浏览器开发者工具的控制台中）

于 2013-02-05T07:28:48.063 回答
1

从 jsf 数据表中的列标题隐藏过滤器包括

filterStyle="显示：无"

它将隐藏过滤器列

于 2018-12-04T05:18:53.933 回答
0

最简单的解决方案是定义自己的样式并用 !important 覆盖该值。

        <style type="text/css">
            .ui-column-filter{
                display:none !important;
            }
        </style>
于 2020-02-24T08:47:01.873 回答