asp.net-mvc-4 - KendoUI 菜单栏点击打开

Question

我有一个 KenoUI MenuBar。

代码如下：

@(Html.Kendo().Menu()
    .Name("UserMenu")
    .Events()
    .Items(items =>
     {
         items.Add().Text("Organisation Name");

         items.Add().Text("User Fullname").Items(useritems =>
         {
             useritems.Add().Text("Option 1");
             useritems.Add().Text("Option 2");
             useritems.Add().Text("Option 3");                                
          });

      }));

非常简单的菜单，下有一个子菜单User Fullname。Option 1, 2, 3我想更改此菜单栏，以便在鼠标悬停时不会打开子菜单User Fullname。

只有当您单击时，User Fullname该子菜单才会打开。

有人知道该怎么做吗？

Answer 1

您可以使用openOnClick方法。默认情况下，这是错误的，因此菜单在悬停时打开。将其设置为 true 允许菜单仅在您单击它们时打开。

@(Html.Kendo().Menu()
                .Name("UserMenu")
                .OpenOnClick(true)
                .Items(items =>
                {
                    items.Add().Text("Organisation Name");

                    items.Add().Text("User Fullname").Items(useritems =>
                    {
                        useritems.Add().Text("Option 1");
                        useritems.Add().Text("Option 2");
                        useritems.Add().Text("Option 3");                                
                    });

                }));