Flexgrid Filter by Condition not working

Flexgrid Filter by Condition not working

Posted by: mmurugesan on 18 July 2019, 2:55 pm EST

• 

  mmurugesan

  • Post Options:
  • Link
    Copy

  Posted 18 July 2019, 2:55 pm EST - Updated 3 October 2022, 7:43 pm EST

  I’m using Wijmo Library 5.20172.359. I’m unable to see the input box for Filter By Condition. It just shows the header text, and & or radio buttons but not the inputbox to enter the criteria. Attached is the gif.
  
  Please suggest how to make it enable.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 19 July 2019, 5:14 am EST - Updated 3 October 2022, 7:43 pm EST

  Hi,

  We are sorry but we were not able to replicate the issue at our end. Please refer to the sample and screenshot attached.

  Please let us know if we are missing something in order to replicate the issue or you may modify the sample accordingly.

  Regards,
  
  Ashwin

  FlexGridFilter.zip

  

• 

  mmurugesan

  • Post Options:
  • Link
    Copy

  Posted 1 August 2019, 6:12 pm EST

  Thank you for your response.

  During debugging the wijmo.grid.filter.js, I found this code:-

  ConditionFilterEditor.controlTemplate = ‘

  ’ +
  
  ‘

  ’ +
  
  ‘

  
  
  ’ +
  
  ‘

  
  
  ’ +
  
  ‘

  ’ +
  
  '    ’ +
  
  ‘ ’ +
  
  ‘

  ’ +
  
  ‘

  
  
  ’ +
  
  ‘

  
  
  ’ +
  
  ‘

  ’;

  In this code I see AND (btn-and) & OR (btn-or) buttons are defined as input and their types are radio. I can see the same on the screen. But the value (div-val1) & combo (div-cmb1) control types are not given. These are just mentioned in div part without mentioning the input & types. Is that could be the reason? If so, how I can change them?

  Please suggest.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 1 August 2019, 11:46 pm EST

  Hi,

  The static controlTemplate property defines the layout of the control. The elements containing “wj-part” attribute are converted to wijmo controls at runtime.
  
  Therefore, the “div-val1”, “div-cmb1” etc will be converted to their appropriate controls, like a ComboBox, and event handlers will be attached to them, if required, at runtime just like we do using Javascript.
  
  And, since we do not need to convert radio buttons to a control, therefore they are added directly to the controlTemplate.
  
  Please let us know that if there is any error shown in the console or it will be really helpful if you could provide us with a sample replicating the issue.

  Regards,
  
  Ashwin

• 

  mmurugesan

  • Post Options:
  • Link
    Copy

  Posted 9 August 2019, 2:31 pm EST

  Thanks Ashwin for your clarification. Got it finally. The default minHeight is 2em in .wj-input-group and that is overridden in my css to set its minHeight to 1em which hides the input control. Changed that in my css and it works now. Thanks.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 11 August 2019, 3:02 am EST

  Hi,

  I am glad that you were able to resolve your issue. Let me know if you have any other queries.

  ~regards