javascript - 防止关闭剑道上下文菜单中的子菜单，直到用户将鼠标悬停在另一个菜单项上或单击外部/另一个菜单项

Question

请参考此示例：https ://dojo.telerik.com/Eqali

由于子项目的长度非常小，因此将鼠标悬停在菜单上时，子菜单会在失去焦点时迅速关闭。我的要求是，一旦打开子菜单，它不应该关闭，直到用户将鼠标悬停在另一个菜单项上或单击一个项目。即使鼠标焦点离开子菜单，它也应该保持打开状态，就像它在资源管理器上下文菜单中一样，如下图所示：

我做了一些更多的改变，几乎达到了预期的结果，如下面的示例所示：https ://dojo.telerik.com/Eqali/2 但这里的问题是，如果我将鼠标悬停在一个没有的菜单项上有任何孩子，然后已经打开的子菜单项在其 hoverDelay 被触发之前不会关闭。

关于如何实现这一点的任何建议？

Answer 1

Kendo 稍微更改了它的 Contextmenu 选项：您现在可以将 'openOnClick' 选项添加到 'subMenuItems' 和 'rootMenuItems' 中：

openOnClick: { 
 subMenuItems: true,
 rootMenuItems: true
}

http://docs.telerik.com/kendo-ui/api/javascript/ui/menu#configuration-openOnClick

也许这对你有帮助！