Calling a text/x-kendo-template script type from a javascript function

[Allan]

I have a custom button on scheduler's toolbar and on "onclick" event I'm calling function "openEditor()". Inside this function I want to call a `text/x-kendo-template` script type. How can I do this?

My code right now:

Custom button:

schedulerToolbar.append(
"<ul class='k-reset'>
  <li class='k-state-default'>
    <a role='button' href='#' class='k-link newMeetingButton' onclick='openEditor()'>
      Nova reserva
    </a>
  </li>
</ul>"
)

Function openEditor():

function openEditor() {
  *code to call customEditorTemplateBh script*
 }

Template script:

<script id="customEditorTemplateBh" type="text/x-kendo-template">
  *template code*
</script>

 

[Ivan Danchev]

Hi Allan,

See the second example in this documentation article, which demonstrates how the template's content can be shown:

//Get the external template definition using a jQuery selector
var template = kendo.template($("#javascriptTemplate").html());

//Create some dummy data
var data = ["Todd.Holland", "Steve.Anglin", "Burke.Ballmer"];

var result = template(data); //Execute the template
$("#example").html(result); //Append the result

Regards,
Ivan Danchev
Progress Telerik

[Allan]

Hi Ivan.

Thank you for your reply.

I found a more simple solution for this case. The following code, on openEditor function, was enough:

var scheduler = $("#scheduler-bh").data("kendoScheduler");
scheduler.addEvent({ });

[Ivan Danchev]

Hi Allan,

Indeed calling the Scheduler's addEvent method is the correct way to open the edit form programmatically, whereas the approach I mentioned in my previous reply can be used to show the content of a template in general, not the Scheduler's editor template specifically.

Regards,
Ivan Danchev
Progress Telerik

[Allan]

Ivan, you are right.

I forgot to mention that it's a Scheduler's editor template.