0

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

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

数据来自后端服务,然后用数据填充菜单控件。一切正常。

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

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

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

这是模板绑定到菜单控件的方式。

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

我会期待每个菜单项上方的“你好”这个词(只是为了测试是否正在选择模板)。使用 F12 开发人员工具进行检查也表明该模板未被拾取。

如何使用带有 KendoUI 菜单控件的模板。我浏览了文档和示例,但无法使其正常工作。

4

0 回答 0