[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  ASP.NET Bootstrap Controls - Overview
 [Expand]Getting Started
 [Expand]Demos and Sample Applications
 [Expand]Project Configuration
 [Expand]Grid View
 [Expand]Card View
 [Expand]Scheduler
  Spreadsheet
  Rich Text Editor
 [Expand]Charts
  Sparkline
 [Collapse]Data Editors
   Binary Image
   Button
   Button Edit
   Calendar
   Check Box
   Check Box List
   Combo Box
   Date Edit
   Dropdown Edit
   Hyperlink
   List Box
   Memo
   Progress Bar
   Radio Button
   Radio Button List
  [Expand]Range Selector
   Spin Edit
   Tag Box
   Text Box
   Time Edit
  [Expand]Upload Control
 [Expand]Site Navigation
 [Expand]Site Layout
  File Manager
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Dropdown Edit

The BootstrapDropDownEdit represents an editor containing an edit box to display the editor value and a specific button that opens a dropdown window whose content can be templated. The main purpose of the Bootstrap Dropdown Edit is to allow you to define its value based upon the value(s) of other control(s) integrated into the editor's DropDownWindowTemplate.

The image below demonstrates the Bootstrap Dropdown Edit control containing the Bootstrap List Box and the Bootstrap Button controls templated into the BootstrapDropDownWindow.

Bootstrap Dropdown Edit offers following features:

  • Templated Content

    The dropdown window's content can be templated (using the ASPxDropDownEdit.DropDownWindowTemplate property).

  • Null Prompt Text

    You can use editor's ASPxDropDownEdit.NullText property to display a prompt in the editor's edit box. The prompt text disappears when the editor receives focus.

  • Customizable Button Collection

    The Bootstrap Dropdown Edit control provides a collection to maintain its custom edit buttons. Each button exposes a set of properties allowing the button's appearance and behavior to be defined. You can use the BootstrapDropDownEdit.Buttons property to populate button collection.

  • Built-in Validation

    The Bootstrap Dropdown Edit control allows you to perform data validation both on the client and server side. You can specify an editor value as essential, validate it based on a regular expression, or implement a custom validation.

  • Full-Featured Client-Side API

    Bootstrap Dropdown Edit provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the BootstrapClientDropDownEdit object. The BootstrapClientDropDownEdit object serves as the client-side equivalent of the BootstrapDropDownEdit control.

    You can operate with the editor values using the following methods.

    Method Description
    DevExpress.Web.Scripts.ASPxClientDropDownEdit.GetKeyValue
    DevExpress.Web.Scripts.ASPxClientDropDownEdit.SetKeyValue(System.String)
    DevExpress.Web.Scripts.ASPxClientDropDownEditBase.HideDropDown
    DevExpress.Web.Scripts.ASPxClientDropDownEditBase.ShowDropDown

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