从 javascript 函数调用 text/x-kendo-template 脚本类型

Question

我有 this 个新按钮，在 onclick 事件上我正在调用函数 openEditor()，在这个函数中我想调用一个 text/x-kendo-template 脚本类型。我该怎么做？

我现在的代码：

自定义按钮:

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>"
)

函数 openEditor():

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

模板脚本:

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

编辑：我正在使用 kendo 调度程序并且我在工具栏上添加了自定义按钮。

Answer 1

您可以通过使用 kendo.template() 提供选定的 id 模板引用来访问它，在您的情况下：

var template = kendo.template($("#customEditorTemplateBh").html());

从这里您可以通过调用 template 作为函数为您的模板提供任何所需的数据：

var data = {Attribute1: "Test", Attribute2: Test2};

var result = template(data);

最后，通过将您正在使用的 <div> 的 html 设置为结果来更新您的视图：

$("#nameOfYourDivHere").html(result);

可以找到模板参考 material here。

Answer 2

下面的代码就足够了：

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

从 javascript 函数调用 text/x-kendo-template 脚本类型

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

javascript

jquery

asp.net-mvc

kendo-scheduler

kendo-template