製作自己的過濾器PrimeNG角2

Question

Primefaces PrimeNG有自己內置的過濾功能這樣

<p-column field="id" header="ID" [filter]="true"></p-column> 

我想打電話給我寫的一個組成部分我自己的過濾功能。

我該如何在PrimeNG中使用它？

Answer 1

我使用的回調，在那裏你在onfocus事件傳遞一個回調函數思想：

onfocus事件：瀏覽器事件回調時下拉獲得焦點調用。

Answer 2

你應該使用ng-template進行過濾，然後你可以調用你自己的函數來改變輸入。

<p-column field="ColumnName" header="ColumnName" [filter]="true"            filterMatchMode="contains" [sortable]="true"> 
 
<ng-template let-col pTemplate="header"> 
 
    <span [pTooltip]="'ColumnName'" tooltipPosition="bottom" appendTo="body"> 
 
    ColumnName 
 
    </span> 
 
</ng-template> 
 
<ng-template let-col pTemplate="filter"> 
 
    <div class="txt-search-input-table" *ngIf="localSearch"> 
 
     <input id="txtColumnName" type="text" #txtColumnName (keyup)="YourOwnFunction(txtColumnName.value)" styleClass="ui-column-filter" 
 
     class="form-control pull-left ipt-width-slam" name=""/> 
 
    </div> 
 
</ng-template> 
 
<ng-template let-col let-row="rowData" pTemplate="body"> 
 
    <span appendTo="body" style="position: relative;">      
 
    {{row[col.field]}} 
 
    </span> 
 
</ng-template> 
 
</p-column>