Mehul Harry's DevExpress Blog

This Blog


Mehul Harry is the DevExpress Web Program Manager. Follow him on twitter: @Mehulharry

Subscribe (RSS, Email)


HTML5 - New JavaScript DropDownBox Widget (DevExtreme v17.1)

Now that the v17.1 release is available, you can try out a new client-side JavaScript UI widget that's available with DevExtreme, DropDownBox:

The new DropDownBox widget combines a dropdown and a text field. And it let's you select items like our SelectBox widget but it allows you to extend it's functionality with templates. With the DropDownBox, you can embed a DataGrid, TreeList, TreeView, etc. And the embedded Grid or TreeList widget can filter, search, sort, and edit the data.

DevExtreme - Drop Down Box

Try the demo online here: DropDownBox Demo - Single Selection

The DropDownBox widget is lightweight and still comes packet with these great features:

  • Binding to all DevExtreme dataSources, arrays, as well as binding through WebService and OData services
  • Client-side templates
  • Full keyboard support
  • Validation
  • Support for all major tablets and mobile browsers: (Chrome, Mozilla, Android’s default browser, iOS Safari, Opera)
  • Deferred rendering
  • Right-to-left support
  • WAI-ARIA Accessibility support

Get started with the new DropDownBox widget by watching this short video:

Then download the latest DevExtreme and try the new DropDownBox widget in your projects.

Create highly responsive web apps for touch-enabled devices and traditional desktops.

From desktops to mobile devices, DevExtreme HTML5 Data Grid delivers the flexibility you’ll need to build apps that reach the widest audience and deliver touch-first user experiences to power your next great interactive website.

Download a free and fully-functional version of DevExtreme now: Download DevExtreme

Published May 24 2017, 11:34 AM by
Filed under: ,
Bookmark and Share


otmane souilem

have you tried this  widget inside a form using MVC Wrappers ? as at the moment it says doesnt exists if i try to use it inside a form

June 28, 2017 5:43 AM

Mehul Harry (DevExpress)


Could you please report this to our support team and they can help you:

June 28, 2017 1:50 PM

About Mehul Harry (DevExpress)

Mehul Harry is an ASP.NET technical evangelist at Developer Express. You can reach him directly at You can also follow him on Twitter:

Chat is one of the many ways you can contact members of the DevExpress Team.
We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.

If you need additional product information, write to us at or call us at +1 (818) 844-3383


DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, Delphi, HTML5 or iOS & Android development. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

Copyright © 1998-2018 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners