菜单的Kend UI模板

Question

我正在使用ASP.NET Core 2.0创建一个Razor页面。我正在使用Kendo UI Menu控件创建菜单。

@using Kendo.Mvc.UI
<div class="sidebar">
    <div class="treeview">
        @(
            Html.Kendo().Menu()
                .Name("kendomainmenu")
                .BindTo((IEnumerable<MenuItem>)ViewData[SessionConstants.ViewKendoMainMenu])
        )
    </div>
</div>

数据来自后端服务，后端服务随后使用数据填充Menu控件。一切顺利。

我想使用模板来自定义每个菜单项的显示方式。

这是模板（在与菜单控件相同的页面上定义）。

<script type="text/html" id="template">
    <p>hello</p>
    <p>#:Text#</p>
</script>

以下是模板绑定到Menu控件的方式。

<script type="text/javascript">
  $(document).ready(function () {
    $("#kendomainmenu").kendoMenu({
      template: kendo.template($("#template").html())
    });
  });
</script>

我希望每个菜单项上方都有“hello”这个词（只是为了测试模板是否被拾取）。使用F12开发人员工具进行检查也表明该模板未被提取。

如何使用带有KendoUI菜单控件的模板。我查看了文档和示例，但无法使其工作。