18.2.2 Beta

npm i [email protected]

18.2 Sprint 8

New Features

• HTML Editor widget

  • We added a new text editor with basic text formatting capabilities. Check live example and join the discussion to share your feedback.

• Button Group widget

  • The ButtonGroup renders a group of toggle buttons to show states of related options. Live example is available here.

• Data Visualization

  • The wholeRange option defines the range where the axis can be zoomed and scrolled while the visualRange option defines the axis's displayed range. Both options are applied to the chart's argumentAxis and valueAxis. Documentation is available: wholeRange, visualRange.
  • The new zoomAndPan option group helps you to tune zooming and scrolling of a chart in your applications (live demo):
    • zoomAndPan.allowGestures and zoomAndPan.allowMouseWheel options indicate how user can zoom and scroll a chart;
    • zoomAndPan.argumentAxis and zoomAndPan.valueAxis options indicate what exactly can be zoomed and scrolled (zooming by value axis was not available in previous releases);
    • zoomAndPan.dragToZoom option provides the capability to select the desired area using the mouse and the current selection can be customized using zoomAndPan.dragBoxStyle option;
    • if dragToZoom is enabled, the panKey option allows setting the keyboard key to distinguish zooming and scrolling actions.

• DataGrid / TreeList

  • The new set of focus options (focusedRowEnabled, focusedRowKey, focusedRowIndex), methods (navigateToRow) and events (focusedRowChanging, focusedRowChanged, focusedCellChanging, focusedCellChanged) helps to navigate through a DataGrid or a TreeList using keyboard and process a user navigation if you need it. Check the focused row live example here.

• Scheduler

  • The new groupByDate option provides the capability to group Scheduler appointments first by date and then by resources. Join the discussion and check live example here.

• Widgets

  • New masked input feature of DateBox widget allows you to specify a date mask and control a user input. The live example is available.
  • The stylingMode option helps to customize the appearance of editors and buttons to satisfy the needs of your application style. The modes follow Material Design guidelines but are available both for Material and Generic themes. Check live examples for editors and buttons.

Install

npm i [email protected]

18.2 Sprint 7

New Features

• Real-time UI updates and new push API (discussion page)

  • We added the new push method to a Store's API to pass the data from a push server (for instance, via WebSockets) to the Store.
  • When the new reshapeOnPush option in a DataSource is set to false, it prevents reapplying sorting, grouping, and other data processing operations when the DataSource receives a push update.
  • If updates are too frequent, they can be aggregated with the new pushAggregationTimeout option in a DataSource configuration.
  • List, DataGrid, TreeList, TabPanel, and Accordion can use the new repaintChangesOnly option to repaint only the elements (for example, grid cells) whose data changed.

• DataGrid/TreeList

  • It's now possible to customize command columns such as selection column, adaptive column, and buttons column. More information can be found on the feature discussion page.
  • You can enable recalculating summaries while you edit a data with the new summary.recalculateWhileEditing option.
  • The new export.onXlsxCellPrepared option adds the capability to customize the exported grid cells’ appearance - value, background and text styles. Join the discussion page or take a look at live demos ([1], [2], [3]).

• Tools

  • We added more commands to the recently published npm package devextreme-cli to help you work with DevExtreme Angular applications (full info, discussion):
    • new command creates a new DevExtreme Angular application: empty or with a responsive layout;
    • add devextreme-angular command adds DevExtreme to an existing Angular application;
    • add angular-template command adds the DevExtreme layout template to an existing Angular application;
    • add view command adds a view to an Angular application with the DevExtreme layout template.

Install

npm i [email protected]

18.2 Sprint 6

New Features

• DataGrid/TreeList

  • It's now possible to render the filter row, command columns, and columns with showEditorAlways after other grid elements by setting the new renderAsync option to true.

• FileUploader

  • The new chunkSize option allows you to specify a chunk size to upload files in portions. Applies only if uploadMode is instantly or useButtons. Requires a server that can process file chunks.

Install

npm i [email protected]

18.2 Sprint 5

New Features

• Data Visualization

  • The new argumentAxis.visualRangeUpdateMode option allows you to change the visual range update behavior: to show whole data with new data items by extending the visual range (reset value), to move the visual range to the axis' end without changing its length (shift value) or to keep the current visual range regardless of data updating (keep value). See the live example here.

• Tools

  • We introduced the new npm package devextreme-cli — a set of command-line tools to be used with the DevExtreme controls library. Right now, ThemeBuilder commands are available (discussion page):
    • build-theme to build a custom color scheme or a swatch;
    • export-theme-vars to export a .less/.sass file with theme variables;
    • export-theme-meta to export a .json file with theme variables in specific for ThemeBuilder format.

• Theming

  • The DevExtreme library was updated to provide the capability to produce color swatches — secondary color schemes to be used along with the primary scheme. A color swatch can now be generated by DevExtreme CLI. Join the feature discussion here.

Install

npm i [email protected]

18.1.6

18.1.6 (5-SEPTEMBER-2018)
Closed Issues & Suggestions
Known Issues

17.2.10

17.2.10 (5-SEPTEMBER-2018)
Closed Issues & Suggestions
Known Issues

18.2 Sprint 3

New Features

• Drawer Widget
  • The Drawer is a side panel that displays navigation actions. Demo
• Client-Side Validation in FileUploader
  • You can now use the validation.allowedFileExtensions, validation.maxFileSize, validation.minFileSize options to specify restrictions on file extensions and size. Demo
• Sankey Chart
  • The Sankey visualizes the flow magnitude between value sets. Demo | API Reference

Install

npm i [email protected]

18.1.5

18.1.5 (1-AUGUST-2018)
Closed Issues & Suggestions
Known Issues

18.2 Sprint 2

New Features

• Themes
  • Five new dark color schemes are available for the Material Design theme. Use dx.material.blue.dark.css, dx.material.lime.dark.css, dx.material.orange.dark.css, dx.material.purple.dark.css or dx.material.teal.dark.css style file. Check the example here.

Install

npm i [email protected]