Kendo Angular Grid

Question

Inbuilt filters are not working when we use [data]='DataView' instead of using [KendoGridBinding]='DataView.data'. Here, 'DataView: GridDataResult' represents our paginated data array.

Sandeep · Answer

{{ dataItem.evtBegDate | defaultDateFilter | date : 'dd-MMM-yyyy'}} {{ dataItem.evtBegDate | defaultDateFilter | date : 'dd-MMM-yyyy'}} {{ dataItem.evtEndDate | defaultDateFilter | date : 'dd-MMM-yyyy'}} {{ dataItem.evtEndDate | defaultDateFilter | date : 'dd-MMM-yyyy'}} {{ dataItem.maxPriceValue}} {{ dataItem.commissionValue}} TS Initializations gridViewData: any; skip: number; take: number; isStopCallonScroll: boolean = false; selectedAdvancecategoryID: any; public gridView: GridDataResult; OnEvery Search if ($event?.data?.eventList?.length != 0) { this.totalCount = $event?.data?.eventList[0].totalCount; this.crsShareModel.totalCount = this.totalCount; } this.gridViewData this.gridViewData = JSON.parse(JSON.stringify(this.searchDepartureListFIT)); this.gridViewData.sort(this.eventSort) this.gridView = { data: this.gridViewData.slice(this.gridSkip, this.gridSkip + this.take), total: this.totalCount, };

Vishal Joshi · Answer

Hello Sandeep, There can be multiple reasons for the filter not working. As it's paginated data and server-side filter are off. If it's server-side data it should be async data binding. 'DataView' and 'DataView.data' can have different mappings. Please share code details so we can check and try to get a solution. Thanks