Enable/disable column filter menu by external button

[Marius Lian]

Hi Syncfusion,

Filter menu can be enabled like described here:

https://ej2.syncfusion.com/vue/documentation/grid/filtering/#filter-menu

But how can I enable/disable filter menu by external button? 

Thanks,

Marius

[Thavasianand Sankaranarayanan]

Hi Marius, 

 

Thanks for contacting Syncfusion support. 

 

We suggest you to use the below solution to resolve this issue. Here we use the allowfiltering option to be changed( i.e., true or false) , to fulfill our requirement. Please check the code snippet for your reference. A sample is also attached below, make a note on that. 

 

App.vue 

 

<div id="app"> 

    <ejs-button id="enable" cssClass="e-flat" @click.native="enable">Enable Filter</ejs-button> 

    <ejs-button id="disable" cssClass="e-flat" @click.native="disable">Disable Filter</ejs-button> 

 

import { ButtonPlugin } from "@syncfusion/ej2-vue-buttons"; 

 

  methods: { 

    enable: function() { 

      this.$refs.grid.ej2Instances.allowFiltering = true; 

    }, 

    disable: function() { 

      this.$refs.grid.ej2Instances.allowFiltering = false; 

    } 

  }, 

 

Sample : https://codesandbox.io/s/146774-dynamic-grid-modified-95rnv 

Please get back to us if you need further assistance 

Regards, 

Thavasianand S. 

[Marius Lian]

Perfect! Thx :)

[Pavithra Subramaniyam]

Hi Marius,  

Thanks for your update. 

Please contact us if you need any further assistance. As always, we will be happy to assist you.  

Regards,  

Pavithra S.