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, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. 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-2017 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners