Flexsheet: Default filter CSS modification

Flexsheet: Default filter CSS modification

Posted by: sasmita.swain2014 on 4 December 2017, 6:22 am EST

• 

  sasmita.swain2014

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 4 December 2017, 6:22 am EST

  Hi,

  We are using flexsheet with angular 2. In the default filter, the select all check box styling is changing to dash/dot once we check/uncheck some options. I have attached the image showing a dot in IE.

  How to avoid the that dash/dot coming in checkbox while option selection?
  
  

  Thanks,
  
  Sasmita

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 5 December 2017, 7:01 am EST

  Hi Sasmita,
  
  The behavior observed is by design.
  
  The checkbox dot/dash state shows that not all the items are checked/ unchecked for valueFilter.

  ~Manish

• 

  sasmita.swain2014

  • Post Options:
  • Link
    Copy

  Posted 5 December 2017, 9:01 am EST

  Ya that i got it. But we have some other requirement and we don’t want to show that dash/dot. So is it possible to suppress it?

  Thanks,
  
  Sasmita

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 6 December 2017, 6:11 am EST

  Hi Sasmita,
  
  You can prevent intermediate state for Select All checkbox by handling click event for div-values wrapper div and set checkbox intermediate state to false if it is true in filterChanging event with setTimeout/$timeout. Please use the following code snippet for the same:

  document.querySelector('[wj-part="div-values"]').onclick=function(){
  	var cb=document.querySelector('[wj-part="cb-select-all"]'); 
  	if(cb.indeterminate){
  		cb.indeterminate=false;
  	}
  }
  

  ~Manish

• 

  sasmita.swain2014

  • Post Options:
  • Link
    Copy

  Posted 7 December 2017, 7:05 am EST

  Is there any filterChanging in flexsheet class? I didn’t find in the DOCs.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 7 December 2017, 9:43 am EST

  Hi Shasmita,
  
  You can access filterChanging event for FlexSheet using _filter private property. We apologize for the inconvenience caused.

  ~Manish

• 

  sasmita.swain2014

  • Post Options:
  • Link
    Copy

  Posted 8 December 2017, 3:48 am EST

  The dash is not coming but filter itself only not working.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 11 December 2017, 8:02 am EST

  Hi Sasmita,
  
  It seems the filter applied based on the Select All checkbox. Hence, we need to reset it to the indeterminate state on apply button mouse down.

  Please refer to the updated fiddle for the same.
  
  http://jsfiddle.net/71f4c0a8/9/

  ~Manish