Angular 2 Support (RC)
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 (RC)
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 don't need to write custom code to submit HTML forms (e.g. @Html.BeginForm, @Ajax.BeginForm) with nested DevExtreme editors. This works 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.
v16.2 introduces ECMAScript Internationalization API support. You can now localize your DevExtreme applications using the Intl global object.
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 to 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.
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.
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.
With this release, we've made our Pivot Grid work faster by delegating all data intensive operations (filtering, grouping, summary calculation) to the server.
New options allow you to customize scheduler views individually.
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.