点击即可打开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");                                
                    });

                }));