This is a migrated thread and some comments may be shown as answers.

Use Combo Box in Kendo Menu

1 Answer 87 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Chad
Top achievements
Rank 1
Chad asked on 14 Aug 2014, 05:15 PM
I have a menu question:

(1) Can the kendo-menu support the use of a combobox for a menu item? 
(2) If the answer is yes to (1), then I have a question as to how to do it.

I've created a jsfiddle here: http://jsfiddle.net/pjtallman/rg501upb/7/

If I define my kendo menu as follows:

HTML

<ul id="menu"></ul>

JS

$(document).ready(function() {
    var menuItems = [{text: "Apple", url: "http://www.google.com"},
                     {text: "Banana", url: "http:\/www.google.com"},
                     {text: "Orange", url: "http://www.google.com"}];
    
    var menuData = [{text: "Fruits", items: menuItems},
                    {text: "Site", url: "http://www.google.com"},
                    {text: "Location", url: "http://www.google.com"}];
    
    
    var menu = $("#menu").kendoMenu({ dataSource: menuData });
});

This would display a menu such as:

Fruits v | Site | Location

Users would expand the 'Fruits' menu to see a list of sub-menu items (e.g. Apple, Banana, and Orange).

Our requirements are to have the first item, 'Fruits', which will be rendered as a standard menu item drop down in the above code, to be rendered as a combobox (restricted to its list of data items) and to display the text from whatever list item is selected by the user. So, there would be no 'Fruits' text displayed, the menu item would display whatever item's text was selected from the combobox. 

The menu datasource is dynamic so I don't think I can specify this in the html. But I have searched the kendo forums and demos and stackoverflow and can't find any relevant examples. The requirement is for the menu to function as follows. If 'Apple' is selected, the menu would appear as:

Apple v | Site | Location

If the user clicks the dropdown icon and selects 'Banana', the menu would appear as:

Banana v | Items | Inventory  

Thanks,
Chad









1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 18 Aug 2014, 02:33 PM
Hello Chad,

I am afraid that the scenario you described is not supported out of the box.
The menu events and popup components will interfere with the ComboBox' open/close event handlers. Please do not include a ComboBox widget as a menu item.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Menu
Asked by
Chad
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or