Text box is include for pagination in flex grid

Text box is include for pagination in flex grid

Posted by: rajesh.sakhamuri on 16 March 2020, 2:05 am EST

• 

  rajesh.sakhamuri

  • Post Options:
  • Link
    Copy

  Posted 16 March 2020, 2:05 am EST

  Hi Team,
  
  We are trying to implementing pagination in wijmo flex grid, we have added the code like below.
  
  <wj-collection-view-pager [cv]=“flex.collectionView”>

  But our requirement is ‘text box’ arranged in middle of the pagination buttons, for direct navigating from one page to another page (like 1st page to 5th page) in the flex grid.
  
  https://gccontent.blob.core.windows.net/forum-uploads/file-50aed448-ea26-486c-b522-fa29a582b872.PNG

  Can you please help me to implementing new pagination template.

  Thanks in Advance…

• 

  rajesh.sakhamuri

  • Post Options:
  • Link
    Copy

  Posted 16 March 2020, 9:36 am EST

  Team, Any update on this issue…

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 17 March 2020, 5:32 am EST

  Hi Rajesh,

  For this, you will need to update the controlTemplate of the CollectionViewNavigator class to hide the main header and add your own custom header that contains an input element that will display the current page number and a span element that will display the total number page.

  Then, you can add various events to update the input element and the current page accordingly. Please refer to the sample link below:

  https://stackblitz.com/edit/angular-ppbmhg

  I have added comments in the sample to explain the code.

  Regards,
  
  Ashwin