How to add a column for filter and sorting to a collection view in Angular 7?

How to add a column for filter and sorting to a collection view in Angular 7?

Posted by: nayyermhaseem on 5 March 2019, 6:53 am EST

• 

  nayyermhaseem

  • Post Options:
  • Link
    Copy

  Posted 5 March 2019, 6:53 am EST

  Please show by working example. Sample/demo and documentation are lacking some informations. I have created a collection view which loads data from server but need help to add filter and search column. Also how add currency pipe in wijmo?

• 

  sh.koizumi

  • Post Options:
  • Link
    Copy

  Posted 5 March 2019, 12:30 pm EST

  How about this one? I don’t know the difference between angular2 and 7 but this should help you.

  https://demos.wijmo.com/5/Angular2/FlexGridFilter/FlexGridFilter/

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 6 March 2019, 1:14 am EST

  Hi All,

  Thanks @sh.koizumi for your help. Please refer to the sample shared by @sh.koizumi. Source code for the sample could be found here:
  
  https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/FlexGridFilter
  
  Also, we don’t need to do any additional setup for sorting. It is enabled by default in a flexgrid and column column could be sorted simply by clicking on a column header. Please refer to the following sample to get started with the FlexGrid: https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/FlexGridIntro

  If you meant to add sorting and filtering to the CollectionView instance rather than a flexgrid then please refer to the following samples:
  
  https://demos.wijmo.com/5/PureJS/LearnWijmo/LearnWijmo/#2g70rkct
  
  https://demos.wijmo.com/5/PureJS/LearnWijmo/LearnWijmo/#rgzc4LyL
  
  The samples above are in pureJS but the implementation for CollectionView is the same in both Angular and pureJS.

  Regards