This is a migrated thread and some comments may be shown as answers.
Scheduler - call another component for custom edit template
2 Answers 5 Views
This is a migrated thread and some comments may be shown as answers.
VB
Top achievements
Rank 1
Iron
VB asked on 24 Mar 2021, 04:46 PM

Hello,

I would like to call a component which contains only the custom edit template (to create a new task or edit) for my scheduler into the property "editable" of my scheduler.

I followed this solution but when I double click on the scheduler the edit window just displays "[Object object]"
The code of scheduler :

<kendo-scheduler id="scheduler"
  :data-source="localDataSource"
  :event-template="eventTemplate"
  :editable="{template:editTemplate}" //here
>

The import : 

import CustomEditTemplate from './customEditTemplate.vue';

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>
<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.

 

2 Answers, 1 is accepted

Sort by
0
VB
Top achievements
Rank 1
Iron
answered on 28 Mar 2021, 07:27 PM

An answer has been send here

Thanks

0
Ivan Danchev
Telerik team
answered on 29 Mar 2021, 01:08 PM

Hello,

Thank you for linking the thread.

For questions on our native Vue components or the wrappers for Vue, we would advise opening a thread in the Kendo UI for Vue forums: https://www.telerik.com/forums/kendo-ui-vue

Regards,
Ivan Danchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Asked by
VB
Top achievements
Rank 1
Iron
Answers by
VB
Top achievements
Rank 1
Iron
Ivan Danchev
Telerik team
Share this question
or