reference to grid from vue

[Tony]

I need to be able to call grid hideColumn() method using the vue wrapper.

 

I've wired up the event from the grid like this:

<kendo-grid :before-edit="beforeEdit">

 

and then in my vue js I have:

 

methods: {

beforeEdit: function (e) {
        //how to hide column of the grid here?
      }

}

In the jQuery examples I could use 'this' to reference the grid but what is the method when using vue?

 

Thanks

Tony

[Viktor Tachev]

Hi Tony,

The Grid instance is available in the event handlers via the e.sender option:

methods: {
    beforeEdit: function (e) {
        var grid = e.sender;

    }
}

With that said, if you would like to make a column in the Grid conditionally editable I would recommend using the columns.editable option. Check out the example below that illustrates the approach:

• https://stackblitz.com/edit/csnr7c?file=index.html

Regards,
Viktor Tachev
Progress Telerik