Server Side Filter

[arulananthParticipant]

I have custom filteritems. ongrid filter these filteritems are reset. How can stop this.
My Html
<jqxGrid
(onFilter)=”myGridOnFilter($event)”
(onColumnresized)=”myGridOnColumnResized($event)”
[ready]=”ready”
[theme]=”‘pace-theme-minimal'”
[width]=”getWidth()”
[autoheight]=”true”

[source]=”dataAdapter”
[columns]=”columns”
[columnsresize]=”true”
[pageable]=”true”
[sortable]=”true”
[altrows]=”true”
[autoshowcolumnsmenubutton]=”false”
[pagesizeoptions]=”[’20’, ’50’, ‘100’]”
[enabletooltips]=”true”
[filterable]=”true”
[autoshowfiltericon]=”true”
[virtualmode]=”true”
[rendergridrows]=”rendergridrowss”
#grid>
</jqxGrid>
my javascript

source: any =
{
localdata:null,
pagesize: 100,
datafields:
[
{ name: ‘jobID’, type: ‘string’, },
{ name: ‘jobTitle’, type: ‘string’, },
{ name: ‘companyName’, type: ‘string’ },
{ name: ‘jobLocation’, type: ‘string’ },
{ name: ‘rowinsertdate’, type: ‘date’ },
{ name: ‘postedBy’, type: ‘string’ },
{ name: ‘appliedBy’, type: ‘string’ },
{ name: ‘appliedDate’, type: ‘date’ },
{ name: ‘jobType’, type: ‘string’ },
{ name: ‘jobURL’, type: ‘string’ },
],
url:this.apiService.API_URL_GRID,
datatype: ‘json’,
type:’post’,

cache: false,

filter: () => {
// update the grid and send a request to the server.
this.grid.updatebounddata(‘filter’);
// this.grid.updatebounddata(‘cells’);

},
pager: function (pagenum, pagesize, oldpagenum) {
console.log(“page “+pagesize)
},
sort: () => {
// update the grid and send a request to the server.

this.grid.updatebounddata(‘sort’);
}
}

[HristoParticipant]

Hello arulananth,

I would like to suggest you look at this tutorial below:
https://www.jqwidgets.com/angular-components-documentation/documentation/angular-serverside/angular-serverside-filtering.htm?search=
If this does not help I would like to ask you for more details.
It will be better if you could provide us with one simple example in “stackblitz” platform for the base you could use some of our demos.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts