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

ASP.NET Team Blog
24 May 2017

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

Free DevExpress Products - Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We'll be happy to follow-up.
No Comments

Please login or register to post comments.