Asp.net mvc 4 KendoUI菜单栏单击打开

Asp.net mvc 4 KendoUI菜单栏单击打开,asp.net-mvc-4,razor,kendo-ui,kendo-asp.net-mvc,kendo-menu,Asp.net Mvc 4,Razor,Kendo Ui,Kendo Asp.net Mvc,Kendo Menu,我有一个KenoUI菜单栏 代码如下所示: @(Html.Kendo().Menu() .Name("UserMenu") .Events() .Items(items => { items.Add().Text("Organisation Name"); items.Add().Text("User Fullname").Items(useritems => { us

我有一个KenoUI
菜单栏

代码如下所示:

@(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
下有一个子菜单。我想更改此菜单栏,使其在将鼠标悬停在
用户全名上时不会打开
选项1、2、3
子菜单

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

有人知道怎么做吗?

你可以用这个方法。默认情况下,这是false,因此菜单在悬停时打开。如果将其设置为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");                                
                    });

                }));