Data Binding Using Mapping Properties

When the MVCxTabControl binds to an arbitrary data source, a MVCxTab object is created automatically for every recognized data item. The individual tab's characteristics (such as text, image path, navigation location, tooltip text, etc.) are obtained from the data fields (node attributes) of the corresponding data items.

TabControl exposes its specific data-related properties, allowing you to specify which data source fields the tab information should be retrieved from. The table below lists these properties and the corresponding properties of a tab object.

TabControl properties Tab object properties
TabControlSettings.ActiveTabImageUrlField ImagePropertiesBase.Url (via MVCxTab.ActiveTabImage.Url)
TabControlSettings.NameField TabBase.Name (via MVCxTab.Name)
TabControlSettings.NavigateUrlField Tab.NavigateUrl (via MVCxTab.NavigateUrl)
TabControlSettings.TabImageUrlField ImagePropertiesBase.Url (via MVCxTab.TabImage.Url)
TabControlSettings.TextField TabBase.Text (via MVCxTab.Text)
TabControlSettings.ToolTipField TabBase.ToolTip (via MVCxTab.ToolTip)

In the picture below, binding to an XML file is used as an illustration of the data retrieval path during the binding process.

TabControl_BindProp

Online demos