[Vuejs]-Telerik VueJS grid filtering throwing error

2👍

I ran into the same problem. As the telerik Vue grid (native) is still considered beta, I think there are still a few bugs like this one.

Here is a workaround until fixed by the telerik team.

In your project folder go´to:
node_modules@progress\kendo-vue-grid\dist\es\header\FilterRow.js

Find this line:
this.$emit.apply(this, __spreadArrays(['filterchange', filtersResult], e));

Replace it with this line:
this.$emit.apply(this, ['filterchange', filtersResult, e]);

And you should be ready to go.

I think __spreadArrays is a TypeScript (3.6) command and perhaps misplaced in the FilterRow.js. And it seems not to be necessary, as the objects filterchange, filtersResult and e are definitley not arrays themselves. You can check it by debugging. Keep in mind, that any update of the telerik grid version will force you to find and change the code line again until the bug is taken care of.

Hope it helps.

👤Oliver

1👍

It was a bug in Kendo Vue Grid indeed and a fix for the issue was just released in version 0.3.7 of Kendo Vue Grid. If you observe other issues please let us know at https://www.telerik.com/support/kendo-ui or log the issues in our public repository – https://github.com/telerik/kendo-vue.

Greetings,
Plamen

Leave a comment