Page count issue after applying filter

Page count issue after applying filter

Posted by: sdayal on 3 July 2023, 2:55 am EST

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 3 July 2023, 2:55 am EST

  Hi Wijmo Team,

  If we apply a filter then the page count does not change. How can we fix this?

  https://stackblitz.com/edit/angular-zixkhv?file=src%2Fapp%2Fapp.component.ts

  Thanks

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 3 July 2023, 8:49 am EST

  Hello,

  To update the editable page count, you may handle the filterApplied event of FlexGridFilter and update this.currentPageNo.value as shown in the below code snippet:

    applliedFilter(s, e) {
      if (s.grid.collectionView) {
        s.grid.collectionView.filter = this.initCustomFilterFunction(s);
      }
    // Update page count
     this.currentPageNo.value = s.grid.collectionView.pageIndex + 1;
    }

  Updated sample link: https://stackblitz.com/edit/angular-uzirxb?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

  Regards

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 4 July 2023, 1:15 am EST - Updated 4 July 2023, 1:23 am EST

  Hi Wijmo team,

  I tried your solution even in snippet it is not working, I applied filter for short name, after which I can see only one page but still in page count it shows 1 of 3 ideally after applying filter it should show 1 of 1.

  

  1152×648 11.3 KB

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 4 July 2023, 1:56 am EST

  Hi,

  Sorry for the misunderstanding, to update the pager values on the update of rows count you may handle the loadedRows event of FlexGrid and call the custom pager method. This will update the pager values whenever the data rows count gets updated. Please refer to the updated sample link below for reference:

  https://stackblitz.com/edit/angular-mnfmef?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

  Regards