Kendo UI 菜单栏点击打开

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 下有一个子菜单。我想更改此菜单栏，以便在将鼠标悬停在 User Fullname 上时不会打开 Option 1, 2, 3 子菜单。

只有当您点击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");                                
                    });

                }));