OnChange event to PInputText in DataTable
Posted: 27 Dec 2017, 13:58
I want to implement pTemplate="filter" for text box, Below is my code which is not working as expected.
<p-column field="title" header="Title" sortable="true"
[filter]="true" filterMatchMode="contains">
<ng-template pTemplate="filter" let-title>
<input type="text" pInputText [(ngModel)]="titleFilter"
(onChange)="dt.filter($event.value, title.field, title.filterMatchMode)" styleClass="ui-column-filter"/>
</ng-template>
<ng-template let-issue="rowData" pTemplate="body">
<div>
{{issue.title}}
</div>
</ng-template>
</p-column>
According to PInputText document, OnChange event is not supported, but for filter in DataTable we must have OnChange event on element.
How can i achieve this?
<p-column field="title" header="Title" sortable="true"
[filter]="true" filterMatchMode="contains">
<ng-template pTemplate="filter" let-title>
<input type="text" pInputText [(ngModel)]="titleFilter"
(onChange)="dt.filter($event.value, title.field, title.filterMatchMode)" styleClass="ui-column-filter"/>
</ng-template>
<ng-template let-issue="rowData" pTemplate="body">
<div>
{{issue.title}}
</div>
</ng-template>
</p-column>
According to PInputText document, OnChange event is not supported, but for filter in DataTable we must have OnChange event on element.
How can i achieve this?