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

2 comment(s)

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

28 June, 2017

Otmane,

Could you please report this to our support team and they can help you: www.devexpress.com/.../Create

28 June, 2017

Please login or register to post comments.