What’s New in v16.2

Angular 2 Support

Webpack and Angular CLI Ready

With the v16.2 release, DevExtreme Angular 2 components can be seamlessly used with Webpack and installed into an application created with Angular CLI.

DevExtreme Validation

All built-in DevExtreme validation features are now available inside the DevExtreme Angular 2 components. You can use dx-validator, dx-validation-group, dx-validation-summary components and all available validation rules in your Angular 2 application.

Demo
New Configuration Components

With the v16.2 release, we've introduced two types of configuration components. The first type provides a convenient and efficient way for binding ‘deep’ properties. The second type allows you to declare collection property items (e.g. DataGrid columns, TabPanel tabs, etc.) via markup.

Demo Documentation

MVC Wrappers (Release Candidate)

Data Editors - Client-Side Validation

This release introduces integrated client-side data validation and error indication. Validation rules can be defined in a model by attaching Data Annotation attributes (e.g. Required, StringLength, etc.) to corresponding properties.

Demo 1 Demo 2 Documentation
DevExtreme MVC Wrappers - Client-Side Validation
Ability to Submit HTML Forms with Nested DevExtreme Editors

With this release, you can submit HTML forms (e.g. @Html.BeginForm, @Ajax.BeginForm) with nested DevExtreme editors out of the box.

Documentation
Add MVC Wrappers to an Existing Visual Studio Project

Visual Studio developers can now add resources required by ASP.NET MVC Wrappers to an existing MVC project.

Documentation

jQuery 3.x Support

DevExtreme is ready to use with jQuery version 3.x.

Localization

Localization

v16.2 introduces ECMAScript Internationalization API support. You can now localize your DevExtreme applications using the Intl global object.

Documentation

Data Grid

Optimized Remote Paging for Grouped DataGrid

The grouped DataGrid can request data only for visible groups instead of loading complete data for all groups. This significantly improves the performance of the DataGrid in scenarios involving large amounts of data.

Documentation
Toolbar Customization

The new onToolbarPreparing event allows you to customize toolbar items (add/delete items, customize item settings).

Demo
DevExtreme DataGrid - Toolbar Customization
API Improvements
Row Selection Improvements

We have made the following improvements in the row selection feature.

  • Single-Page Selection
    Previously, an end user could select all rows on all pages. In this release, we have added a new mode that allows an end user to select all rows within a single page.
  • Deferred Selection
    In deferred mode, the Data Grid does not make requests for data until you demand this in code. This feature is especially useful in scenarios with large amounts of data.

Pivot Grid

Remote Data Processing

With this release, we've made our Pivot Grid work faster by delegating all data intensive operations (filtering, grouping, summary calculation) to the server.

Documentation

Scheduler

Cell Customization

New templates allow you to customize scheduler cells (resource cells, cells within a table, date and time cells).

Demo
DevExtreme Scheduler - Cell Customization
View Customization Enhancements

New options allow you to customize scheduler views individually.

Demo Documentation

UI Widgets

Collection Widgets - Selection Enhancements
  • Select All
    With this release, end-users can select all list items across all pages while previously this could be done for loaded pages only.
  • Selection by Item Keys
    List, Tabs, Accordion and NavBar widgets allow you to select items in code by item keys.
Demo
Scroll View - Performance Improvements

We have improved the performance of all our widgets with non-native scrolling.

Tree View - Load Data On Demand

With this release, DevExpress HTML5 Tree View introduces dynamic data loading mode. In this mode, only root-level nodes are created when the application starts. Child nodes are loaded when their parent nodes are being expanded.

Demo Documentation

Data Visualization

Tree Map - Truncate Overflowing Labels
Demo
DevExtreme TreeMap - Truncate Overflowing Labels

Learn More Details

To learn detailed information on new features and resolved issues, refer to the What’s New in 16.2 list.