• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Data Binding in ASP.NET MVC Menu Bar Control

This sample demonstrates the way of data binding in Menu component with JavaScript object array (local data source). Interact with Menu using hover/click action.

DEMO
SOURCE

The menu component loads the data through the Items property, where the data can either be structured as hierarchical or self-referential data, i.e. mapped with id and parentId fields.

In this demo, the component is bound with the list type data where the parent-child relation is referred by id and parentId mapping fields.

More information about Menu can be found in this data binding section.