Wijmo 5 flex tree grid filter issue

Wijmo 5 flex tree grid filter issue

Posted by: ramu on 9 May 2019, 12:56 am EST

• 

  ramu

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 9 May 2019, 12:56 am EST - Updated 3 October 2022, 11:04 am EST

  Hi,

  I have used Wijmo 5.20171.282 version.

  My application used Angular 2.X version.

  <wj-flex-grid id=“sampleGrid” [headersVisibility]=“‘Column’” [isReadOnly]=“true” [itemsSource]=“sampleData” [selectionMode]=“‘None’”>
  
  <wj-flex-grid-filter [filterColumns]=“[‘Col1’, ‘Col2’, ‘Col3’, ‘Col4’, ‘Col5’, ‘Col6’, ‘Col7’, ‘Col8’, ‘Col9’, ‘Col10’, ‘Col11’]”>

  If I removed Col11, it works fine. If added I got an console error. Please refer attachment.

  

  1437×843 130 KB

  Is any restriction in filter columns, if given more than 10???

  Thanks,
  
  Ramu

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 9 May 2019, 9:20 pm EST

  Hi Ramu,
  
  This is Ng2 limitation discussed here:

  https://github.com/angular/angular/issues/12233

  The workaround is to assign the columns array to the component’s property and bind filterColumns to this property:

  export
  class AppComponent {
  columnsToFilter = [
  'id', 'country', 'order', 'downloads', 'date', 'amount', 'active', 'id1', 'country1', 'order1', 'downloads1'];
  .......
  <wj-flex-grid-filter #filter
  [filterColumns]="columnsToFilter"></wj-flex-grid-filter>
  

  Regards,
  
  Manish Gupta

• 

  ramu

  • Post Options:
  • Link
    Copy

  Posted 15 May 2019, 10:39 pm EST

  Thanks Manish.