Hi!

I would like to do this custom views for scheduler in vue.js.

How can I proceed ?

Thanks for your help !

What are you meant to return from a transport-read Function?

I am trying to add an authorization header to a axios call.  Please help.  Please improve the documentation.  Thanks!

https://www.telerik.com/kendo-vue-ui/components/datasource/api/datasource/TransportProps/#toc-transport-read

transport-read String | Function

The configuration that is used when the data source loads data items from a remote service.
If the value of transport.read is a function, the data source invokes that function instead of jQuery.ajax.
If the value of transport.read is a string, the data source uses this string as the URL of the remote service.

When the data is too large for the server to run 'export to excel', is there an alternative to stream the content to a  ?

I am trying to integrate kendoui with nuxt but i am not able.

I am getting error.

can Kendo ui and especially kendo ui grid a part of a nuxt project in vue.

If not, is it coming any soon.

Thank you?

Hi Kendo team,

We use kendo Vue in an application bootstraped with Vue CLI and bundled by webpack.

import '@progress/kendo-ui'  
results in a very heavy bundle size (9,98Mo of scripts to process by webpack, 2/3 of vendors are kendo lib alone, see report attached).

We followed this article https://www.telerik.com/kendo-vue-ui/components/framework/kendo-ui-script-size-optimization/ to create a custom kendo build with gulp. But unfortunately node hits a memory heap and cancel the build, because the file size to process is too big (even after unminification).

As long as tree shaking is not available from "kendo-vue-overlay-wrappers" the only solution we have to reduce the bundle size seems to be to import specific fragments instead of '@progress/kendo-ui' (as found here https://www.telerik.com/forums/webpack-support#k7brPs0SHkeKjIRYG8Yb5w).

Can you please provide the exact mapping from a kendu-vue-wrapper to its kendo dependency/fragment, in order for us to make sure a wrapper has access to the resource needed?

Kind regards

When implementing your example of restrictions (https://www.telerik.com/kendo-vue-ui/components/scheduler/restrictions/) without putting the methods inside the "new Vue" object, the restrictions are not working correctly.

Please find attached code where the restriction logic is put inside a .js file instead and registered as a vue component.

Step 1: Move "Call Charlie" to the same place as "Performance Review" - it pops up with an alert.

Step 2: Now move "Performance Review".

As you can see, the "Call Charlie" ends up getting updated to the place where it was moved to as part of step 1, so the event data was seemingly updated without it reflected in the rendering. Then when moving "Performance Review" both "Call Charlie" and "Performance Review" are updated..

In the simple example provided at the very bottom at: https://www.telerik.com/kendo-vue-ui/components/scheduler/data-binding/, it seems that no event is triggered when trying to delete a "current occurrence" of a recurring event. The behaviour should be that the update event is fired as far as I can tell from the documentation. This is also the behaviour when using the vue-component "kendo-schedulerdatasource". But using the SchedulerDataSource object does not trigger the update event.

I have attached the files that demonstrate the issue if for example trying to delete the recurring "Dance Practice" event

I've found answers to this for other Kendo products, but I can't figure out the syntax for the Vue wrapper. I have a column in a grid that I want to show "yes" or "no" for based on the datasource value, which is boolean. This answer: https://www.telerik.com/forums/kendo-grid-showing-yes-or-no-instead-of-true-or-false specifies that I should do something like this:

columns: [
    { field: "BooleanVal", template: "#= BooleanVal ? 'yes' : 'no' #" }
]

I'm not using "columns", rather am using `<kendo-grid-column>`. I've tried several things along the lines of

<kendo-grid-column :field="active" :template="#= active ? 'yes' : 'no' #"></kendo-grid-column>

But nothing seems to work. How do I display "yes" or "no" for a boolean value in a kendo-grid-column?

Hi  

I want to rend a menu components（and sometimes other third-parts vue components） at one of columns in my treelist.

It works well at first rend time, but after filter certain value, the result row appears 2 menu, and when clear the filter, 3 menu appeared.  

I finished a demo to explain the problem base on demo in vue template page.demo

I try to change as following, then the filter value cannot change at first filter....

columnTemplate (e) {
if(this.$el.querySelectorAll(`.titleTemplate_${e.id}`).length=== 0){
return {
template: TemplateTitle,
templateArgs: e
}
}else{
return {}
}
}

It will be really helpful if a well-worked demo provided.

Thanks!