PrimeFaces Datatable Filter Calendar

Merhaba,

Burada Datatable filter tarihe göre arama olayını anlatmıştım. Bu yazımızda da filter alanına PrimeFaces'in calendar(takvim) componenti nasıl ekleneceğini açıklamaya çalışacağım. Anlatımlarda Netbeans ve Derby'nin sample veritabanını kullanıyorum.

xhtml

<p:dataTable id="datalist" value="#{purchaseOrderController.items}" var="item"
selectionMode="single" selection="#{purchaseOrderController.selected}"
rowKey="#{item.orderNum}"
paginator="true"
rows="10"
rowsPerPageTemplate="10,20,30"
filteredValue="#{purchaseOrderController.filter}"
widgetVar="datalistWar">

<p:column sortBy="#{item.salesDate}" filterBy="#{item.salesDate}" filterMatchMode="contains" headerText="#{bundle.ListPurchaseOrderTitle_salesDate}">
<f:facet name="filter">
<p:calendar pattern="dd/MM/yyyy" onkeyup="PF('datalistWar').filter()">
<p:ajax event="dateSelect" listener="#{purchaseOrderController.handleDateSelect}"/>
</p:calendar>
</f:facet>
<h:outputText value="#{item.tarihFilter}">
</h:outputText>
</p:column>
</p:datatable>

bean
Takvimde tarih seçtiğimde datatable filtrelemesi için tanımlama yapıyoruz yukarıda da ajax olarak yazmıştık zaten

public void handleDateSelect(SelectEvent event) {
RequestContext.getCurrentInstance().execute("PF('datalistWar').filter()");
}

Kodları buradan görebilirsiniz

https://github.com/kurtomerfaruk/DatatableFilter

Kolay gelsin...