In the kendo ui menu, we need the ability to associated a number (or primary key) with the menu so that when it is clicked we can then use this id and make an async js callback or the like. At the moment the only thing we have available is the menu item text. What happens if the menu has two menu items with the same text? ie File -> Properties and Folder -> Properties?
Currently, when a menu item is a link and has a sub menu, the sub menu is never shown on touch screens. The first click on the menu item opens the link. On touch screens, the first click should open up the sub menu, and a second click would be needed to open the link.
According to the documentation at: http://docs.kendoui.com/kendo-ui/api/web/menu#configuration-dataSource you can add the following information to a dataSource: text cssClass url encoded content imageUrl spriteCssClass However you cannot add an id to the menu item you are creating. This makes it very difficult to remove items by using: menu.remove("#Item1"); The only way round this is to assign a unique class to each menu item and then remove them using: menu.remove(".news"); If an id can be added that would be great. You have an example here: http://docs.kendoui.com/kendo-ui/api/web/menu#methods-remove Which is what we would like to do except the items will be created via a program and not static HTML.
It would be great to be able to simply connect the menu widget to a DataSource to populate. It will allow for a data driven menu, instead of having to handle that logic on the client side.
Menu - set item highlighted when clicked Example: If I click HOME I want home remain highlighted, if I click another item set this item highlighted
An action that would work just like the MVC @Ajax.ActionLink with the AjaxOptions { UpdateTargetId , HttpMethod , InsertionMode } Which adds the data-ajax attributes to the anchor tag: Example: data-ajax="true" data-ajax-method="Get" data-ajax-mode="replace" data-ajax-update="#AjaxContent"
Add an overflow option/setting to the menu control. If the height or width of a menu group exceeds the current page viewport height or width, a new section would be added to the beginning and end of the menu to allow scrolling without adding scrollbars. Example - If a horizontal menu has a sub menu that exceeds the height of the current page viewport, add sections to the top and bottom of the sub menu to allow the menu items to be scrolled up or down (mouseover or click) without adding a scrollbar to the sub menu.
Kendo UI is so customizable, which is why I'm transitioning away from DHTMLX, jQuery UI and jQuery Mobile. The Menu currently allows some control over click events, but I think, in keeping with Kendo's current customization options, full control over click and hover events would be a great thing to have. I was able to mock this by commenting out 1 line of code, so to add as a configure option, this should be pretty easy to implement.
its not very easy and transparent to find out what menu item was clicked and what function is to be executed. A simple callback reference would be most convenient. Or at least a simple value to compare. Other advantage is that in case of international translations the code is not impacted
Have the menu act the same as a DropDown with detached Popup which lives in the document.body so it can expand over splitters and other things that hide the menu expansion.