[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Floating Action Button
   [Expand]Form Layout
   [Collapse]Navigation Bar
     ASPxNavBar Overview
     [Collapse]Binding to Data
       Binding to Data Overview
       Data Binding Using Mapping Properties
       Automatic Data Binding
       Using Data Binding Events
      [Expand]Unbound Mode
      Item Link Mode
      Item Bullet Style
    [Expand]Visual Elements
   [Expand]Page Control and Tab Control
    Panel Overview
   [Expand]Site Map Control
   [Expand]Tag Cloud Control
   [Expand]Title Index
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Automatic Data Binding

ASPxNavBar has a built-in ability to automatically retrieve data from a data source that supports the IHierarchicalEnumerable or IHierarchicalDataSource interface. This topic describes the conditions that allow ASPxNavBar to bind automatically.

ASPxNavBar can recognize data items, and retrieve some group and item characteristics from the data fields named in a specific way. If however, any of the data-related properties of ASPxNavBar (such as TextField, ImageUrlField, etc.) have been set, then the mapping of the associated object properties will proceed according to Data Binding Using Mapping Properties.

Expanded Data fields and group/item properties name match

During binding, ASPxNavBar implements its automatic binding ability by retrieving group/item characteristics from those data fields whose names coincide with certain property names of a NavBarGroup or NavBarItem object. The tables below list the names of the object properties that can be mapped during automatic binding, and the matching data field names you should use in the data source for mapping to work.

Data field names Group properties that can be set automatically
Enabled NavBarGroup.Enabled
Expanded NavBarGroup.Expanded
HeaderImageUrl NavBarGroup.HeaderImage.Url
Name NavBarGroup.Name
NavigateUrl NavBarGroup.NavigateUrl
Target NavBarGroup.Target
Text NavBarGroup.Text
ToolTip NavBarGroup.ToolTip
Visible NavBarGroup.Visible
Data field names Item properties that can be set automatically
Enabled NavBarItem.Enabled
ImageUrl NavBarItem.Image.Url
Name NavBarItem.Name
NavigateUrl NavBarItem.NavigateUrl
Selected NavBarItem.Selected
Target NavBarItem.Target
Text NavBarItem.Text
ToolTip NavBarItem.ToolTip
Visible NavBarItem.Visible

The following image illustrates the process of data retrieval during automatic binding to a particular type of data source - XmlDataSource.

Expanded Binding to a Site Map

Since the properties of a System.Web.SiteMapNode object have specific names, the ASPxNavBar control is designed to automatically bind to a Site Map source with node attributes of similar names. In the binding process, corresponding properties of individual NavBarGroup and NavBarItem objects are automatically associated with these item attributes, and mapped accordingly. See the table below for name correspondence.

Site Map node attributes Corresponding Group object properties Corresponding Item object properties
System.Web.SiteMapNode.Description NavBarGroup.ToolTip NavBarItem.ToolTip
System.Web.SiteMapNode.Title NavBarGroup.Text NavBarItem.Text
System.Web.SiteMapNode.Url NavBarGroup.NavigateUrl NavBarItem.NavigateUrl

The structure of a Site Map allows some flexibility in the naming of item attributes. After ASPxNavBar detects the item attributes named title, url and description in the bound Site Map source, the conditions described in the above section apply.

Is this topic helpful?​​​​​​​