Enable/disable column filter menu by external button

Thread ID:	Created:	Updated:	Platform:	Replies:
148617	Oct 28,2019 07:46 AM UTC	Oct 31,2019 09:20 AM UTC	Vue	3

Subscribe to this post

Tags: Data Grid

Marius Lian

Asked On October 28, 2019 07:46 AM UTC

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

Reply | Reply with quote

Thavasianand Sankaranarayanan [Syncfusion]

Replied On October 30, 2019 10:12 AM UTC

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

<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.

Reply | Reply with quote

Marius Lian

Replied On October 30, 2019 10:34 AM UTC

Perfect! Thx :)

Reply | Reply with quote

Pavithra Subramaniyam [Syncfusion]

Replied On October 31, 2019 09:20 AM UTC

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.

Reply | Reply with quote

CONTACT US

Enable/disable column filter menu by external button

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US