What’s New in v16.2

Angular 2 Support

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

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.

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.

MVC Wrappers (Release Candidate)

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.

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

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

jQuery 3.x Support

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

Localization

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

Data Grid

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.

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

• getDataSource(): Provides access to the DataSource.
• getRowElement(rowIndex): Provides indexed access to a specific row.
• getVisibleColumns(): Gets all visible columns including command columns.
• getVisibleRows(): Gets all visible rows.
• getScrollable(): Gets the scrollable part of the Data Grid.
• repaintRows(rowIndexes): Redraws the specified rows.

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.
  Demo Documentation
• 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.
  Demo Documentation

Pivot Grid

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

Scheduler

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

New options allow you to customize scheduler views individually.

UI Widgets

• 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.

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

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.

Data Visualization

Learn More Details

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