Skip to main content

dxNavBar

Namespace: Wisej.Web.Ext.DevExtreme

Assembly: Wisej.Web.Ext.DevExtreme (4.1.0.0)

The NavBar is a widget that navigates the application views.

public class dxNavBar : dxBase

Constructors​

Instance member dxNavBar()​

Constructs a new instance of the dxNavBar class.

Example:

The following example creates a navigation bar with three items and selects the first one.

var navBar = new dxNavBar();
navBar.Options.items = new[]
{
new { text = "Home", icon = "home" },
new { text = "Favorites", icon = "favorites" },
new { text = "Settings", icon = "preferences" }
};
navBar.Options.selectedIndex = 0;
navBar.Dock = DockStyle.Bottom;
this.Controls.Add(navBar);

Instance member dxNavBar(options)​

Constructs a new instance of the dxNavBar class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a navigation bar and shows the item clicked by the user.

var navBar = new dxNavBar(new
{
items = new[]
{
new { text = "Inbox", icon = "email" },
new { text = "Contacts", icon = "user" }
},
selectedIndex = 1
});
navBar.Instance.onItemClick += new WidgetEventHandler((s, e) =>
{
AlertBox.Show($"Selected: {e.Data.itemData.text}");
});
navBar.Dock = DockStyle.Bottom;
this.Controls.Add(navBar);

Implements​