18.1.11

18.1.11 (18-APRIL-2019)
Closed Issues & Suggestions
Known Issues

19.1 Sprint 5

New Features

• DataGrid/TreeList - editing and event improvements

  • The editing.selectTextOnEditStart option specifies whether to select text in a cell when a user starts editing.
  • The editing.startEditAction allows to choose the event that switches a cell to editing state - click or double click. This option applies only for cell and batch editing modes.
  • The new onCellDblClick and onRowDblClick options help to execute a function when a cell/row is double-clicked or double-tapped.

• New Material Compact theme set

  • All 10 DevExtreme Material light and dark themes now have appropriate compact variants. Use one of the CSS files listed below:
    • dx.material.blue.dark.compact.css,
    • dx.material.blue.light.compact.css,
    • dx.material.lime.dark.compact.css,
    • dx.material.lime.light.compact.css,
    • dx.material.orange.dark.compact.css,
    • dx.material.orange.light.compact.css,
    • dx.material.purple.dark.compact.css,
    • dx.material.purple.light.compact.css,
    • dx.material.teal.dark.compact.css,
    • dx.material.teal.light.compact.css.

Install

npm i [email protected]

In case of using Angular, React or Vue, add one of integration packages:

npm i [email protected]
npm i [email protected]
npm i [email protected]

19.1 Sprint 4

New Features

• HTML/Markdown Editor
  • The new mentions option provides the way to define a special text autocomplete module to mention someone or something (discussion, jQuery demo).

Improvements

• DataGrid/TreeList
  • The keyboardNavigation.editOnKeyPress option we recently added now allows you to delete a cell value by the delete or backspace key press.

Install

npm i [email protected]

In case of using Angular, React or Vue, add one of integration packages:

npm i [email protected]
npm i [email protected]
npm i [email protected]

18.2.7

18.2.7 (13-MARCH-2019)
Closed Issues & Suggestions
Known Issues

18.1.10

18.1.10 (13-MARCH-2019)
Closed Issues & Suggestions
Known Issues

17.2.13

17.2.13 (13-MARCH-2019)
Closed Issues & Suggestions
Known Issues

17.1.15

17.1.15 (13-MARCH-2019)
Closed Issues & Suggestions
Known Issues

16.2.15

16.2.15 (13-MARCH-2019)
Closed Issues & Suggestions
Known Issues

19.1 Sprint 3

New Features

• UI Widgets
  • HtmlEditor - Resize media blocks
  • New dropdown button component
• DataGrid & TreeList
  • Excel export enhancements
• TreeList
  • A new filtering mode
• Data Visualization
  • Resolve labels overlapping in Funnel Chart and Bar Gauge
  • Add a legend to the Bar Gauge

Researches & Discussions

We have published a number of feature discussion pages. Please review the proposed implementation details and share your feedback on the features you are interested in.

Breaking Changes

• The deprecated SPA Framework is no longer a part of the DevExtreme JS library.

Install

npm i [email protected]

In case of using Angular, React or Vue, add one of integration packages:

npm i [email protected]
npm i [email protected]
npm i [email protected]

19.1 Sprint 2

New Features

• Data Visualization

  • The new customizeItems option allows you to customize legend items order and visibility. You also can set a title for the legend. Check live examples (jQuery, Angular) and join the discussion to share your feedback.
  • The new viz.exportWidgets method provides the capability to export several charts to a single PNG image and to control how charts are layed out on exporting. Check the live example here.
  • The new stickyHovering option specifies whether a point should remain in the hover state when the mouse pointer moves away: when it's set to true, a point remains in the hover state until the mouse pointer moves over to another point or outside the chart plot.
  • The new axis.constantLines.displayBehindSeries option provides the capability to specify whether constant lines should be behind or above series.

• DataGrid

  • The new keyboardNavigation option group helps you customize keyboard navigation (live example - jQuery, Angular):
    • keyboardNavigation.enterKeyAction specifies the widget's actions when a user presses the Enter key (accepted values moveFocus and startEdit);
    • keyboardNavigation.enterKeyDirection specifies the direction of moving focus when a user presses Enter;
    • keyboardNavigation.editOnKeyPress specifies whether to start entering a new cell value on a key press.

Install

npm i [email protected]

In case of using Angular, React or Vue, add one of integration packages:

npm i [email protected]
npm i [email protected]
npm i [email protected]