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

Data Binding

  • Undo (Ctrl+Z)
  • Redo (Ctrl+Y)
  • Align Left (Ctrl+L)
  • Align Center (Ctrl+E)
  • Align Right (Ctrl+R)
  • Justify (Ctrl+J)
  • v
  • Smile
    v
  • v

This demo shows how to bind toolbar items (a dropdown menu, dropdown item picker, and combo box) to data sources.

In addition to populating these toolbar items with data directly in the ASPX markup, the ASPxHtmlEditor allows you to bind them to data sources via the following properties:

  • DataSourceID. Specifies the bound data source's name.
  • TextField, ValueField, and ImageUrlField. Allow you to designate the data source's fields that provide captions, values, and image URLs for individual control items.
  • TooltipField (for dropdown menus and dropdown item pickers only). Use it to designate the bound data source's field providing item tooltips.
  • BeginGroupField (for dropdown menus only). Allows you to designate the field that contains Boolean values for a menu item's BeginGroup flag.

In combo boxes, these properties are available via the PropertiesComboBox property set.

In this demo, the dropdown menu, dropdown item picker, and combo box toolbar items are bound to the MenuData.xml, ItemPickerData.xml, and ComboBoxData.xml files, which provide all the required fields for data binding.

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\ASPxHTMLEditorDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxHTMLEditorDemos