[Vuejs]-Telerik scheduler – call another component for custom edit template

by

0👍

Seems you are mixed two options in the official solution. I have selected the second option and solves the problem on my end. Let’s check it out.

The code of scheduler

<kendo-scheduler id="scheduler"
  :data-source="localDataSource"
  :event-template="eventTemplate"
  :editable-template="customEditorTemplate"
>

The code of the method customEditorTemplate()

methods: {
  customEditorTemplate: function(e) {
      var template = window.kendo.template(window.kendo.jQuery('#customEditorTemplate').html());
      return template(e);
  }
}

The code of the component that contains the custom template

<template>
 <script id="customEditorTemplate" type="text/x-kendo-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>
</template>

Leave a comment