Primefaces: ein - /Ausblenden genaue filter in datatable
Erstelle ich eine dataTable mit Filter, wobei der Filter können angezeigt/versteckt mithilfe einer selectBooleanButton. Ich bin in der Lage, versteckt in den text-Filter, aber die select-box für 'genaue' filter nicht verstecken. Code ist unten angegeben. Ich würde jede Hilfe zu schätzen wissen.
<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>
InformationsquelleAutor Amit Singh | 2013-02-05
Du musst angemeldet sein, um einen Kommentar abzugeben.
Weil Primefaces überschreibt Ihre
filterStyle
Können Sie Folgendes tun :
In Ihrer benutzerdefinierten css-Datei fügen Sie die folgende (
id
ist Ihre Tabellen-id)stellen Sie sicher, dass Sie Ihr css in das Ende... (Sie können das laden der css-Code in den Körper), wie Sie in dieser
Beachten Sie, dass
display: none;
genug ist , keine Notwendigkeit für dievisibility: hidden;
überhauptIn, um sich zu verstecken /zeigen die Filter, die Sie verwenden können, jQuery
.hide()
/.show()
Funktionen mit der richtigen selectosBeispiel :
Überprüfen Sie es in DataTable - Filterung (in der Konsole von Ihrem browser developer tools)
Aktualisiert meine Antwort...
InformationsquelleAutor Daniel
ausblenden filtern von Spalten-header in jsf datatable enthalten
filterStyle="display : none"
wird es zu verbergen die Spalte filter
InformationsquelleAutor fayis kottakkal