What’s New in v16.2

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.

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.

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.

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.

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.

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.

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.

Toolbar Customization

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

API Improvements

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

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

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.

Cell Customization

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

View Customization Enhancements

New options allow you to customize scheduler views individually.

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.

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.

Tree Map - Truncate Overflowing Labels

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