我正在使用 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 菜单控件的模板。我浏览了文档和示例,但无法使其正常工作。