asp.net-mvc - 如何在 Kendo UI 菜单上的多个组之间插入分隔栏

Question

我对剑道菜单使用纯 Razor 样式定义:

@using Kendo.Mvc.UI
@(Html.Kendo().Menu()
    .Name("main-menu")
    .Items(items1 =>
        {
            items1.Add().Text("Home").Url(@Url.Action("Index", "Home"));
            items1.Add().Text("Movements").Items(subs =>
                {
                    subs.Add().Text("Import Data").Action("Import", "VehicleMovementBatch");
                    subs.Add().Text("View Movements");
                });
            items1.Add().Text("Presences");
            items1.Add().Text("Billing");            
            items1.Add().Text("Config").Items(items2 =>
                    {
                        items2.Add().Text("Pricing").Action("Index", "PriceRule");
                        items2.Add().Text("Users");
                    });                           
            items1.Add().Text("Control");
        })
)

我在所有互联网上的任何地方都找不到绝对血腥的东西，甚至暗示如何正确执行此操作。我最接近的是用 JavaScript 对象表示法定义数据源，使用分隔符，并在运行时将其分配给客户端的网格。这绝对是一个很好的例子，只能向众神祈祷，API 并不像文档那样非常不完善。

Answer 1

这就是您需要做的所有事情。我自己想出来的，因为我无法在网络上的任何地方找到答案。

items1.Add().Text("<hr/>").Encoded(false).Enabled(false);