Hello,
I would like to call a component that contains only the custom edit template (to create a new task or edit) for my scheduler.
I followed this solution but the edit window just displays "[Object object]"
The code of scheduler
<kendo-scheduler id=
"scheduler"
:data-source=
"localDataSource"
:event-template=
"eventTemplate"
:editable=
"{template:editTemplate}"
>
The code of the method editTemplate()
methods: {
editTemplate:
function
(){
return
{
template: Vue.component(CustomEditTemplate.name, CustomEditTemplate),
}
}
},
The code of the component that contains the custom template
<template>
<div class=
"k-edit-form-container"
>
<p> Titre <input type=
"text"
/> </p>
<p>
<span >Start <input data-role=
"datetimepicker"
name=
"start"
/> </span>
<span >End <input data-role=
"datetimepicker"
name=
"end"
/> </span>
</p>
</div>
</template>
<script>
export
default
{
name:
"CustomEditTemplate"
,
}
</script>
I think the problem comes from the method editTemplate but I don't undestand why.
Anyone can help me ?
Thanks.
I am using SignalR, to add items to a sheduler datasource.
when adding an appointment if someone is also on an appointment, close the window event,
there is a way to update the agenda without closing the window event
Hello,
I have been working with the Vue bindings for the Scheduler, and I ran into an issue with the scheduler resources not reacting properly to state changes. I believe this is a bug. It should be noted that this issue does not occur with the top-level scheduler data source. It reacts properly to async loading. Here's the issue:
Setting `:resources` to a static array of values (via state or getter) causes the scheduler to render correctly when grouping by that resource.
Example:
/* resources */
[{
field:
"personId"
,
title:
"Person"
,
name:
"Person"
,
dataSource:
this
.$store.getters[
"schedule/scheduleResources"
]
//assume static array (below)
}];
/* static "schedule/scheduleResources"
[
{ value: 1, text: "John" },
{ value: 2, text: "Paul" }
]
*/
Setting `:resources` to an async generated array of values (via state or getter) causes the scheduler to render nothing when grouping by that resource, even when the state/getter is updated and re-evaluated.
Example:
Same as above, except the getter returns a state value that is initialized to an empty array and on created we call something like this to load the data. Once the data has been loaded, the expected behavior is that the Scheduler will update to reflect the new resources.
this
.$store.dispatch(
"schedule/loadScheduleResources"
);
Workaround
I have been able to get around this by using a `kendo.data.DataSource` and setting a `read` function that manually dispatches the async fetch and returns the result. This delays the rendering of the scheduler until the resources are available. That looks like this:
/* resources */
[{
field:
"personId"
,
title:
"Person"
,
name:
"Person"
,
batch:
true
,
dataSource:
new
kendo.data.DataSource({
transport: {
read: options => {
this
.$store
.dispatch(
"schedule/loadScheduleResources"
)
.then(data => {
let result =
this
.$store.getters[
"schedule/scheduleResources"
];
//now have data populated
options.success(result || []);
});
}
}
})
}];
I have included a minimal example to illustrate the issue. By default, the incorrect behavior is used. To switch to the workaround showing correct behavior, just look at `KendoSchedule.vue` and comment out the lines in `createPersonResource()`
Hello,
i am currently evaluating kendo ui and i am in a struggle while implementing the following:
Since i have many resources and events i want to use server filtering.
The example from the link below works great for event filtering.
https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/filtering/server-filtering
My problem is i would need the resources also to load dynamically from a datasource(with start/end set parameters)
But since the resources seems to be loaded before the scheduler view seems to be ready i do not have the start/end variables.
Changing the resources after the scheduler is loaded and perform a scheduler.refresh does not work.
It is showing the changed resources only after an action on the scheduler (change view, click on today)
Do you have any hints for this?
Thank you and best regards, Alex
Hi,
I am trying to change the days of the week that appears at the top of the calendar in the Month view like "Monday, Tuesday" etc... . What I want is that when the screen becomes to small it will change to Mon, Tues, and so on.
As for the Week and WorkWeek Views I want to wrap the text at the top so show Mon on top and the date below when the screen gets smaller.
If there is a way to manipulate this area I would appreciate the help.
Thank you.
Hello,
Kendo UI version: 2022.3.1109
Kendo Scheduler Vue Wrapper version : 2022.3.1109
Browser: Safari > v12
By default, iPad on iOS greater than version 12 using Safari are show websites in desktop mode. When the Scheduler is displayed, the scroll is not working (even if we force the settings mobile to true or phone or tablet). So we can't scroll through the timeline.
When we switch the iPad to request a mobile site, the scroll is working.
With an iPad with iOS version 12 or below, there is no issue.
I think the issue is related to this github issue I found for the Spreadsheet wrapper for vue: https://github.com/telerik/kendo-ui-core/issues/5300
Is there a work around for that ?
Best Regards,
Fabien
I use a scheduler with grouping where it is bound to the data object 'resourceDataSource1' as below
<kendo-scheduler-resource :field="'groupLead'" :name="'Lead'" title="'Lead'" :data-source="resourceDataSource1"></kendo-scheduler-resource>
All works fine if the data is set at the time the page loads (ie. if it is set directly in the data property), but but my case the tasks and resource info is retrieved by separate api call and hence is only set after the page loads.
So what I want to know is how can I get the scheduler to re-read the value from resourceDataSource1 once I have populated it?
Hi!
I would like to do this custom views for scheduler in vue.js.
How can I proceed ?
Thanks for your help !
Hello,
I am using scheduler (kendo-vue-scheduler) and calendar (kendo-vue-dateinputs)
in my project. I am using month view and we have a requirement where I have to set Monday like first day in week. How can I do that?
Thanks & Regards
Daniela
Is there way to identify drop from external item ie. a list item from a list. into the scheduler?
I want to create appointments on drop event inside schedular.
Thank you in advance.