Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Data Binding

  • Graph

    Graph
    po
  • Code

    Code
    po
  • DiscretepoContinuouspo
    Search by name:
    Blocks

    Blocks
    po
  • Edit

    Edit
    po
  • View

    View
    po

This demo illustrates how the DevExpress ASP.NET Ribbon (ASPxRibbon) control can be populated with information taken from a data source. The ASPxRibbon control can be bound to a data source in a standard manner - using the DataSourceID or DataSource property. While binding, the control automatically creates tabs, groups and items; and retrieves their property values from the corresponding data items.

You can specify the data source fields to which the tabs, groups and items properties are mapped using the TabDataFields, GroupDataFields, and ItemDataFields properties, respectively.

Additionally, ASPxRibbon provides specific events related to data binding that can be handled according to your application logic.

  • TabDataBound – allows you to customize the settings of an individual tab immediately after it is bound to data.
  • GroupDataBound – allows you to customize the settings of an individual group immediately after it is bound to data.
  • ItemDataBound – allows you to customize the settings of an individual item immediately after it is bound to data.
  • DataBound – occurs after the control data binding is complete, and allows you to customize the control.

In this demo, the ribbon control is bound to a standard XmlDataSource type data source by specifying the DataSourceID property. The tab, group, and item property values are obtained automatically because the data item attributes are named according to the corresponding default property values.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxNavigationAndLayoutDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxNavigationAndLayoutDemos