Adding root item

[Simon]

I know how to add an menu item to an existing item but I would like to know how to add an item to the menu root.

Here's the code I have so far:

var MainMenu = $("#MainMenu").kendoMenu({

    animation: {

        open: { effects: "fadeIn" },

        close: { effects: "fadeIn" }

    }

});

 

MainMenu.append({ text: "New Root Item" }, MainMenu);

[Kamen Bundev]

Hi Simon,

You should simply omit the reference item, like this:
MainMenu.append({ text: "New Root Item" });

Also, you probably just missed it in the post, but your menu variable should be populated from the kendoMenu data attribute, like this:
var MainMenu = $("#MainMenu").kendoMenu().data("kendoMenu");

All the best,
Kamen Bundev
the Telerik team

[Simon]

Hello Kamen,

You are right, I didn't know I was suppose to populate de menu from the Data attribute.  I'm still a bit confuse between the value I was working with and the value from the data store (I admit that I am still a newbie to javascript and kendoUI).

Thanks for your help!

Simon