How to get filter text and column name in angular 4 onFilter event

[ritesh955Participant]

Hi Team,

Can you direct me to an example or documentation on getting filtered column name and filter text value in (onFilter)=”Filter($event) event of angular 2/4 , below documentation just shows an empty method. I couldn’t find the variable names to fetch column name and value from filter.

I need to do server-side filtering with this,
Appreciate your help.

import { Component } from “@angular/core”;

@Component({
selector: “app-root”,
template: `
<jqxTreeGrid #myTreeGrid(onFilter)=”Filter($event)”
[width]=”850″ [source]=”dataAdapter” [columns]=”columns”>
</jqxTreeGrid>
`
})

export class AppComponent {
Filter(event: any): void
{
// Do Something
}

Thanks
Ritesh

[ritesh955Participant]

Hi Team,

I checked let args = event.args; console.log(args) ; but it has only dataField but no key for text value, Kindly giude me on this,

{filters: Array(1), owner: b.(anonymous function)}
filters
:
Array(1)
0
:
datafield
:
“salesRegion” //*** Datafield is there but no filter text object
filter
:
i.jqx.filter
addfilter
:
ƒ (U,V)
clear
:
ƒ ()
createfilter
:
ƒ (Y,V,X,W,U,Z)
evaluate
:
ƒ (X)
getfilterat
:
ƒ (U)
getfilters
:
ƒ ()
……….

[Ivo ZhulevParticipant]

Hi ritesh955,

Can you look at this example.
http://jsfiddle.net/jqwidgets/cw9gL/

It’s in jQuery, but the event arg returns the same in Angular.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts