Setting global component options

[Michael]

I would like to be able to set kendo Vue component options globally, when needed.  For example, I want all grids in my app to have "selectable" set to "row".  Right now, we're having to bind it in every view with a grid:  :selectable="gridOptions.selectable"

Doing that method requires devs to remember to add it though.  With webforms, we were able to do that using AppThemes, so we're looking for something to that effect.  Can you guys recommend a better alternative?

[Ivan Danchev]

Hello Michael,

Each Grid (or another component in the Kendo UI Wrappers for Vue suite) instance has its own configuration. Multiple instances do not share a global configuration, therefore if you want to configure the selectable option of a Grid you need to set its own configuration attribute. It is the same in the Kendo UI for jQuery Grid - the selectable or any other option is configured per instance.

Regards,
Ivan Danchev
Progress Telerik

[Michael]

Thanks for the response.  That's what we're doing already.  Assuming I didn't want to do it the standard way you mentioned, can you think of any way this can be accomplished?  Perhaps extend your components myself somehow, do some kind of Vue plugin, etc.  If you have any ideas, even if it doesn't involve any sample code, I would appreciate it.

[Plamen]

Hi,

Thank you for getting back to us.

One possible way I could achieve similar behavior is by implementing a custom Vue component that gets Kendo Grid as mixin and could pass down its internal properties. I am attaching my test sample project. Please review it and let me know if you have further questions. 

Regards,
Plamen
Progress Telerik

[Michael]

We usually try to avoid writing wrappers for kendo components, but that's an interesting solution.  Thanks for taking time to post it.