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>