Need help with Client Site filters and itemsource updates in FlexGrid

Need help with Client Site filters and itemsource updates in FlexGrid

Posted by: nilesh_nichal on 20 September 2022, 5:55 pm EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 20 September 2022, 5:55 pm EST

  Hi,

  I am using FlexGrid control with Client side filtering similar to below filter :
  
  Ref: https://www.grapecity.com/wijmo/demos/Grid/FilteringSearching/Filter/angular

     this.flex.collectionView.filter = (item: any) => {
              return filter.length == 0 || item.country.toLowerCase().indexOf(filter) > -1
          }
  
  

  Problem: When the filter value does not match (Invalid filterText)with any of record in the Grid, the grid should become empty and the filter icon in the column header should be active and emphasized , So that user knows where filters as applied irrespective of valid or invalid filterText

  The Filter icon is getting active only in case of valid Value filter (when there is data in the grid matching to filterText)
  
  The filter icon should be denoting that filter applied both in case of Data and No data situation.
  
  The Grid should become empty in case of no matching records , considering the filters applied in above way.

  Please provide assistance on this at the earliest convenience as this is impacting the production.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 25 September 2022, 10:31 pm EST

  Hi,

  Sorry, we are unable to replicate the issue on our side, at our end there is no effect on the filter icon in any case when we try filtering the grid’s data. Can you please provide us with some more detailed information regarding the issue with a sample replicating your issue?

  Please find attached a sample used to replicate your issue at our end, let us know in case there is something we missed:

  https://jscodemine.grapecity.com/share/oNv9A23rTkyNR9zDj6dAiw/

  Regards

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 26 September 2022, 5:31 pm EST

  Hi,

  We are using the filter at Column only, On the onFiltersChanging event where we are supplying the filters as per our logic to the Grid.

  And we are not disabling the apply button if the filterText is invalid( not available in grid column)

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 27 September 2022, 3:41 pm EST

  Hi,

  Sorry, but I’m still confused about the actual requirement here. Could you please share a sample replicating the issue along with the steps to replicate the issue at our end so that we can investigate the issue further and assist you accordingly? Also please share a video/gif of the exact issue.

  Regards

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 2 October 2022, 10:25 pm EST - Updated 3 October 2022, 10:38 pm EST

  Hi,

  Please find below the 2 scenarios where

  1. Valid filterText is entered i.e. the value is available in the column:
     
     filterText: abc
     
     Refer img: valid filter- icon focus.png
     
     Observation: Filter icon is highlighted in case of filtered data present

  2.Invalid filterText - value not available in the column.
  
  filterText : pqr
  
  Refer img: invalif-filter value.png
  
  Observation: Filter icon remains faded in case of no results matching the filterText.

  Note: Client side filters are used to match the filterText with row values,

  Thanks in Advance.

  

  1152×648 1.98 KB

  

  1152×648 1.98 KB

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 2 October 2022, 10:25 pm EST - Updated 3 October 2022, 10:38 pm EST

  Hi,

  Please find below the 2 scenarios where

  1. Valid filterText is entered i.e. the value is available in the column:
     
     filterText: abc
     
     Refer img: valid filter- icon focus.png
     
     Observation: Filter icon is highlighted in case of filtered data present

  2.Invalid filterText - value not available in the column.
  
  filterText : pqr
  
  Refer img: invalif-filter value.png
  
  Observation: Filter icon remains faded in case of no results matching the filterText.

  Note: Client side filters are used to match the filterText with row values,

  Thanks in Advance.

  

  1152×648 1.98 KB

  

  1152×648 1.98 KB