Unbound Mode
In an Unbound Mode, the Menu is not bound to any data source and can be populated manually. To create nodes, use the MVCxMenuItemCollection.Add methods.
@Html.DevExpress().Menu(settings => {
settings.Name = "MyMenu";
settings.ShowPopOutImages = DefaultBoolean.True;
settings.Items.Add("Home", "HomePage", "~/Content/Images/Home.png", "https://www.devexpress.com/");
settings.Items.Add(item => {
item.Text = "News";
item.Name = "NewsPage";
item.Image.Url = "~/Content/Images/News.png";
item.NavigateUrl = "https://www.devexpress.com/aboutus/newsreviews/";
item.Items.Add("Subscriptions", "SubscriptionsPage", "~/Content/Images/Subscriptions.png", "https://www.devexpress.com/support/versions.xml#version-history");
});
settings.Items.Add(item => {
item.Text = "Products";
item.Name = "ProductsPage";
item.Image.Url = "~/Content/Images/Products.png";
item.NavigateUrl = "https://www.devexpress.com/subscriptions/universal.xml";
item.Items.Add("Downloads", "DownloadsPage", "~/Content/Images/Downloads.png", "https://www.devexpress.com/ClientCenter/Downloadmanager/");
item.Items.Add("Support", "SupportPage", "~/Content/Images/Support.png", "https://www.devexpress.com/support/install/");
});
}).GetHtml()
The image below illustrates the result.
