What's New

Before updating DHTMLX to the latest version, please check the Migration to Newer Versions guide to avoid possible breakdowns.

Version 7.1.1

released on February 23, 2021

Fixes

  • Grid. Fix the issue with tooltips in Firefox
  • Grid. Fix the issue that caused a row selected in the movable part of the grid not being selected in the "frozen" part
  • Grid. Fix the issue that caused the script error to be thrown when applying a template to the cell with the footer
  • Grid. Fix the issue that caused the grid to crash when initializing the grid with "data: null"
  • Form. Fix the script error thrown when the container of Form is set to null
  • Form. Fix the issue with the "required" configuration option of the Select control
  • Window. Fix the incorrect display of the menu items when placing the menu inside the window

Version 7.1

released on February 18, 2021

Check the Migration article to keep in step with the latest version.

New functionality

Grid

Tree

TreeGrid

Window

Updates

  • Chart. Improved tooltips for all charts.
  • Chart. Now the tooltip will contain values of multiple series on hovering over a chart (Line, Spline, Area, Spline Area).
  • Grid/TreeGrid. The values of the type configuration property of the Grid/TreeGrid columns are updated. Now the type sets the alignment of content inside cells and defines the type of the editor used in the cells of the column.

Fixes

  • Chart. Fix the issue with Bar charts that caused series that are not filled in to be shown on the page
  • Chart. Fix the incorrect display of the line above the area filled with the color in the Bar chart
  • DataView. Fix the script error thrown after editing a DataView item
  • Grid/TreeGrid. Fix the incorrect work of selection when the "hidden: true" property is used
  • Grid/TreeGrid. Fix the issue with the incorrect size of selection when selecting the cell in the first column of the grid
  • Grid/TreeGrid. Speed optimization of the "adjust" property
  • Grid. Fix the issues with the "beforeRowDrop" and "columnDrag" events
  • Grid. Fix the issue with resizing of the column when the "autoWidth" property is used
  • Grid. Fix the issue with key navigation in the combobox editor
  • KeyManager module is reworked
  • List. Fix the issue with the "afterFocusChange" event
  • Pagination. Fix the issues with the Pagination widget when using together with Grid, TreeGrid, DataView, List
  • Pagination. Fix the incorrect work of the "showItem" method
  • Tabbar. Fix the issue that caused the usage of memory to increase when working in Firefox
  • TreeGrid. Fix the issue with positioning of the input editor of a TreeGrid cell when editing a cell
  • Window. Fix the incorrect display of the menu items when placing the menu inside the window
  • Window. Fix the issue with the sequence of closing modal windows when using key navigation
  • Fix the issue that invoked the domvm.js warning in the console

Version 7.0.3

released on January 19, 2021

Fixes

  • Donut chart. Fix the issue with colors
  • Grid. Fix the issue that caused the frozen columns to become movable when hiding columns
  • Grid. Fix the issue with the filter() method when the autoEmptyRow property is enabled
  • Grid. Fix the issue with alignment of spans in the header of the grid
  • Grid. Fix the incorrect behavior of "comboFilter" after reloading data
  • Tabbar. Fix the incorrect alignment of bottom lines in the tabs
  • Tree. Fix the issue that caused Tree items not to be collapsed in the autoload mode
  • Window. Fix the issue that caused the text in the title of the window to overflow
  • Fix the issue with types

Version 7.0.2

released on December 28, 2020

Fixes

  • Fix the issue with loading data into the component via the parse() method of Tree Collection, or via the data configuration property of the component
  • Fix the types of events in Grid

Version 7.0.1

released on December 21, 2020

Fixes

  • Fix the issue which appeared when scrolling Grid after opening a combo editor
  • Fix the issue with the initial width of Grid columns when using "minWidth"
  • Fix the incorrect work of autoWidth when the total width of Grid columns is wider than the container width
  • Fix the issue with display of rows spans when the column is frozen in Grid
  • Fix the issue which caused the hidden column with the filter not to be shown in Grid
  • Fix the incorrect work of the select filter when applying to the columns with numeric values in Grid
  • Fix the incorrect work of regular expressions in columns with filters in Grid
  • Fix the issue with the collapseAll() method in TreeGrid
  • Fix the incorrect work of the save() method of Data Collection
  • Fix the issue with display of sorting icon when applying alignment to Grid columns
  • Fix the issue which caused the item in the filtered state after deleting from the data collection to be still found via the afterRemove event
  • Fix the issue which caused the multiple combo options selected not to be numerated when sending values of Form to the server as Form Data

Version 7.0

released on December 7, 2020

Breaking changes

The update brings various changes in the API methods. Check the Migration article to keep in step with the latest version.

Major updates

Full list of changes

Combobox

  • The ability to specify the initial value of the combobox via the value configuration property

DataView

Form

Form controls

Grid

Layout

List

Menu

Ribbon

Tabbar

  • The ability to specify the width and height for a separate tab via setting the "tabWidth" and "tabHeight" properties to views
  • The ability to adjust the width/height of tabs to the width/height of the tabbar container using the related tabAutoWidth/ tabAutoHeight configuration properties of Tabbar
  • The possibility to set alignment for tabs via the tabAlign property of Tabbar

TimePicker

Toolbar

Tree

TreeGrid

Updates

  • Form. The afterHide, afterShow, beforeHide, beforeShow events are updated - the id parameter is replaced with the name and value ones.
  • Form. The validate() method is updated - now the method validates only the required fields or the fields that contain validation rules. The new "silent" parameter is added.
  • Form and Form controls. The types of the "width/height" properties are updated - the number and "content" types are added.
  • Form controls. The "value" attribute is updated - the number type is added (Input/Text/Select)
  • Form controls. The "validate()" method is updated - the new "silent" and "validateValue" parameters are added (DatePicker, ColorPicker, Combo, Input, Textarea, TimePicker)
  • Checkbox control of Form. The getValue() method is updated
  • Input control of Form. The ability to define the type for the input field via the "inputType" attribute
  • TimePicker control of Form. The "value" attribute is updated- the ability to specify the value as a Date, a number, an array, an object is added.
  • SimpleValult control of Form. The beforeUploadFile, uploadBegin, uploadComplete, uploadFail, uploadFile, uploadProgress events are improved
  • TimePicker control of Form. The getValue()/ setValue() methods are updated
  • Form. The getValue() method is updated
  • Grid/TreeGrid. The "splitAt" configuration property is replaced by the "leftSplit" one
  • Grid/TreeGrid. The "beforeColumnDrag" event is updated - the id parameter is replaced with the data and e ones.
  • Grid/TreeGrid. The "beforeColumnDrop" event is updated - the sourceId/ targetId parameters are replaced with the data and e ones.
  • Layout. Layout patterns section is added to docs
  • Layout. The gravity property of a Layout cell is updated
  • Layout. The ability to configure a Layout cell so that its width/ height would automatically adjust to the width/ height of the cell content
  • Menu/Ribbon/Sidebar/Toolbar. Improved controls.
  • Menu/Ribbon/Sidebar/Toolbar. The "disable()"/"enable()" methods are updated - now it is possible to disable/enable all items of the widget at once.
  • Menu/Ribbon/Sidebar/Toolbar. The "hide()"/"show()" methods are updated - now it is possible to hide/show all items of the widget at once.
  • TimePicker. The afterClose, beforeClose events are updated - the "value" parameter is added.
  • TimePicker. The change event is updated - the object type of the "value" parameter is added.
  • Toolbar. The ability to pass the id of a Toolbar control to the getState() method is added
  • Window. The AfterHide, AfterShow, BeforeHide, BeforeShow, HeaderDoubleClick events are updated - the new "position" and (or) "events" parameters are added.
  • Data Collection. The filter() method is improved - the "smartFilter" attribute of the "config" parameter is added
  • Data Collection. The sort method is updated - the "config" parameter is added
  • Selection object. The add() and remove() methods are improved
  • Types of Selection are added to the TypeScript definitions

Fixes

  • The incorrect display of the tooltip of Slider when the range property is enabled
  • Issues with the width, height, padding properties of a Layout cell when setting their values as number type
  • Issues with the afterUnSelect and beforeUnSelect events of the Selection object when using in List/DataView
  • Issue with the update method of Data Collection
  • Issue with the update method of Tree Collection
  • The issue which caused the width of Grid columns not to be changed via the configuration when the autoWidth option is enabled and Grid is attached to a Tabbar cell
  • The issue with the ability to use numeric fields of Form without their validation. Now it is possible to define the number type for the input via the "inputType" attribute.
  • The incorrect work of the autoEmptyRow configuration property of Grid which caused empty rows to appear at the top and at the bottom of the Grid after loading data from an external file
  • The incorrect work of the save() method of Data Collection
  • Issue with the add() method of Tree Collection when using in Tree/ TreeGrid
  • The issue with dynamic loading of data into Grid and Tree when using the url with additional parameters
  • The issue which caused nested items of Menu not to close after hovering a mouse pointer back over the parent item
  • The issue which caused a nested tabbar to display in the same mode as the parent tabbar although different display modes were applied to the nested and parent tabbars
  • The issue with absence of the scrollbar of Tree when using the tree inside a layout cell
  • The incorrect behavior of the Tab key when working with the list of options in Combo
  • Issue with interaction between Form and Tabbar
  • The incorrect behavior of the Tab key when navigating through the header filters in Grid
  • The issue that invoked a warning in the console after unchecking the checkbox of an item in Tree
  • The incorrect behavior of resizable cells of Layout when attaching Layout into a Window
  • The issue with incorrect saving of Grid data when using the data.update() method called from the AfterEditEnd event, and applying the data.save() method
  • The incorrect work of the data.save() method which caused only the first change of the Grid row to save

Version 6.5.8

released on October 15, 2020

Fixes

  • Fix the incorrect behavior of the sorting icon in the header of a Grid column when setting the sortable property to false
  • Fix the issue which caused key navigation in Tree not to work in IE

Version 6.5.7

released on October 15, 2020

Fixes

Version 6.5.6

released on October 5, 2020

Fixes

  • Fix the incorrect work of the input filter of a Grid column when placing a grid into a shadowDOM while working in Firefox
  • Fix the issue with key navigation in a grid placed to a layout cell, which caused key navigation to stop working after collapsing/expanding the layout cell
  • Fix the incorrect work of the select filter of a Grid column after resizing the column
  • Fix the issue with ignoring alignment of data in the column's header while using spans in Grid
  • Fix the incorrect behavior of editors when working with several grids on one page
  • Fix the issue with the width of expanded items in Tree
  • Fix the incorrect work of selection in Grid cells when using key navigation on a page with several grids

Version 6.5.5

released on September 17, 2020

Fixes

  • Fix the behavior of the align property of a Grid column when the spans configuration option is used
  • Fix the issue with rendering of Grid/TreeGrid

Version 6.5.4

released on September 15, 2020

Fixes

  • Fix the issue with the value of a cell when calling the afterEditEnd event of Grid
  • Fix the issue with positioning of selection over frozen columns in Grid and TreeGrid
  • Fix the incorrect work of the input filter of a Grid column when placing a grid into a shadowDOM
  • Fix the incorrect work of the select filter of a Grid column after resizing of the column
  • Fix the issue which caused hidden columns of Grid to be displayed in the exported Excel file
  • Fix the incorrect behavior of scrolling Grid container when using keyboard navigation in a grid with frozen columns
  • Fix the incorrect rendering of a Spline chart when a data set contains less than 3 records
  • Fix the issue with visualization of the mark property of a Grid column after data reloading
  • Fix the issue which caused a footer of a grid not to be included to the exported file

Version 6.5.3

released on September 2, 2020

Fixes

  • Fix the behavior of the keyNavigation property of Grid when the grid is attached to a collapsed Layout cell
  • Fix the issue with positioning of a popup relative to a Window
  • Fix issues with the event system of a checkbox editor in Grid
  • Fix the issue with calculation of Grid height when Grid has frozen columns
  • Fix the behavior of the adjust property of Grid when some columns are hidden
  • Mechanism of appearing of a Popup widget on a page is reworked
  • Checking the incorrect data of the setCell method of Grid is added
  • Fix issues with minimal and maximal values of scales in Chart

Version 6.5.2

released on July 14, 2020

Fixes

  • Fixed types in d.ts
  • Issue with the editCell method in Grid
  • Issue with the removeRowCss method in Grid
  • Issue with Grid while using together with Window
  • Issue with "email" validation rule of input in Form
  • Improved editing mode when drag and drop is enabled in Tree
  • Issue with rendering nested levels of TreeGrid items

Version 6.5.1

released on June 16, 2020

Fixes

  • Issue with npm codebase build

Version 6.5

released on June 16, 2020

New functionality

Grid

TreeGrid

DataView

List

Form

Sidebar

Updates

  • The ability to adjust the width of columns to the width of their footer in Grid and TreeGrid
  • Suite with React demo is updated
  • Ability to work with number type of id in Combobox, DataView, List widgets and in Select control of Form

Version 6.4.4

released on May 19, 2020

Fixes

  • Fix the behavior of Layout inside a resizable window
  • Fix the behavior of charts placed into a cell of Tabbar in IE
  • Fix issue with the afterShow event of Layout not being called
  • Fix the incorrect work of the destructor() method when combo filters are not specified in Grid
  • Fix the incorrect work of the change event when the multiselection property is enabled in Combobox
  • Fix the incorrect work of the change event while calling the clear() method in ColorPicker
  • Fix issue with the getValue() method of Form
  • Fix the incorrect work of the change event while calling the clear() method for Form controls (Input, Textarea, Checkbox, RadioGroup, Select, DatePicker, TimePicker, ColorPicker, Combo)
  • Fix the incorrect work of the Combo control of Form while calling the getValue() method
  • Fix issue with the change event of Form
  • Fix validation for the Input control of Form
  • Fix rendering of custom HTML content in Window
  • Fix priority of the modal window while calling more than one window

Version 6.4.3

released on April 29, 2020

Fixes

  • Fix clearing values while using the clear() method for the DatePicker control of Form
  • Fix issues with the CellClick, CellMouseOver, CellMouseDown, CellDblClick, CellRightClick events of Grid when its columns are hidden
  • Fix issue with the keyboard navigation when columns are hidden in Grid
  • Fix the incorrect work of the selection module when Grid columns are hidden
  • Fix the incorrect work of the filtering blocks when columns are hidden in Grid
  • Fix the issue with the redrawing of the table when sizes of a Grid column are changed dynamically
  • Fix the issue with the redrawing of Grid columns when the columns have different sizes
  • Fix the issue with the combo filters when several grids are initialized in the app
  • Fix the behavior of spans in the frozen columns of Grid and TreeGrid
  • Fix the behavior of editors in Grid
  • Fix the issue with the configuration of a Window header
  • Fix the behavior of selection in Grid (the outerClick is deleted)
  • Fix the behavior of charts when zero values are set in a data set
  • Fix the behavior of charts placed into the header of a layout in IE
  • Fix the issue with the configuration of the showText property in Chart
  • Fix calculation of width and height in Chart (Pie, 3DPie, Donut, Radar)

Version 6.4.2

released on March 3, 2020

Fixes

  • The issue with virtualization behavior in Grid when interacting with Tabbar
  • The issue with clicking on a frozen column in Grid
  • The issue with export data from Grid to Excel
  • Issue with rendering of Chart at zero value
  • Status of an active element is added in Menu
  • The ability to check validation of values is added in Colorpicker
  • Styles for all inputs with invalid values for Firefox browser are fixed

Version 6.4.1

released on January 30, 2020

Fixes

  • Behavior of Lazy loading in Grid
  • The issue with the template configuration option in a column of Grid
  • The issue with the headerIcon property of a layout cell
  • The issue with the height of layout cells when the layout has a header

Version 6.4

released on January 28, 2020

New functionality

Calendar

  • The ability to clear the value set in the calendar using the clear method

Chart

ColorPicker

  • The possibility to specify the mode of displaying a colorpicker using the mode property
  • The ability to clear the value set in the colorpicker and remove focus via the clear method

Combobox

Dataview

Form

Grid

Layout

List

Menu, Toolbar, Sidebar, Ribbon

  • The isDisabled method is added into the Menu API
  • The isDisabled method is added into the Toolbar API
  • The isDisabled method is added into the Sidebar API
  • The isDisabled method is added into the Ribbon API

Sidebar

Slider

Tabbar

TimePicker

Tree

TreeGrid

Window

Helpers

Data Collection

Tree Collection

Updates

Fixes

  • The issue with ability to use all types of chart scales in any combinations
  • The issue with the setActive() method in Tabbar
  • The issue with styles when switching between modes in Colorpicker
  • The issue with the getValue() method in Calendar and Colorpicker
  • The issue with styles when Slider is disabled
  • The issue with styles when Combobox is disabled
  • Issues with the filter() method in Tree Collection

Version 6.3.1

released on December 18, 2019

Fixes

  • Add the possibility to set the css and data property in Chart
  • Issue with starting editing Grid columns with the help of the keyboard navigation when the editing: false property is set in the configuration of a column
  • Issue with the change event that fired before changes were applied in Form
  • Add the ability to set the name attribute in the setValue method of Form control as key
  • Issue with the combo control of Form

Version 6.3

released on December 12, 2019

New functionality

Calendar

Chart

Grid

TreeGrid

Menu/Ribbon/SideBar/Toolbar

Helper

  • The ability to exchange data with a web server using AJAX

Updates

API

  • Some API methods and events of the DHTMLX library have been renamed. Their old variants will be available but is not recommended for use. Check the details in the Migration article.

List/DataView

Fixes

  • Issues with event system in Grid
  • Padding for content with header was removed in Layout
  • Add ability to set padding for cells with header in Layout
  • Issue with incorrect displaying resizers of Layout in IE
  • Add ability to change sizes of Window according to content size via the css property
  • Issue with the setSize method when Window is hidden
  • Issues with interaction between the HTML form and controls of Toolbar, Sidebar, Ribbon, Menu
  • Issue with the validation property of Form controls
  • Behavior of a TimePicker control of Form

Version 6.2.3

released on November 19, 2019

Fixes

  • Issue with setting the value in TimePicker of Form
  • Issue with getting the value while editing DatePicker Form control
  • Issue with getting values in the validation mode of Form
  • Issue with the "movable" property in Window
  • Issue with Window fixation

Version 6.2.2

released on November 5, 2019

Fixes

  • Issues with selection in Grid
  • Issue with the height of a cell in Layout

Version 6.2.1

released on October 25, 2019

Fixes

  • Issue with the setValue() method in Calendar
  • Issue with the combo filters in Grid

Version 6.2

released on October 23, 2019

New functionality

Calendar

Form

Grid/TreeGrid

Layout

Updates

  • The sample with default icons of DHTMLX library to decorate an application without using icon fonts
  • A set of CSS classes for using them outside DHTMLX widgets
  • A set of CSS classes for changing the appearance of DHTMLX widgets via the css property of the widgets API

Calendar

  • The possibility to set the start and end dates for a calendar in the range mode via the setValue() method
  • The ability to get the start and end dates from the selected range of dates in the calendar via the getValue() method

Grid

  • Accelerating Grid speed to 2.5x

Fixes

  • Issues with months selection in Calendar
  • Issues with the setValue() method in Calendar
  • Issues with boolean type in a Grid cell
  • Issue with selection on frozen columns in Grid
  • Issues with animation in Charts
  • Issue with Timepicker Form control
  • Issue with Colorpicker Form control

Version 6.1.7

released on October 10, 2019

Fixes

  • Issue with custom validation in Form
  • Issue with the "value" property in Form
  • Issue with editor on a frozen column in Grid

Version 6.1.6

released on September 26, 2019

Fixes

  • Issue with the Button events in Form
  • Issue with the Uploader styles in Form
  • Issue with the header rowspans in Grid
  • Issues with the copy() and move() methods in Treecollection and Datacollection

Version 6.1.5

released on September 12, 2019

Fixes

  • Issues with the Submit button in Form
  • Issue with the baseline in Chart
  • Issue with Combobox popup
  • Issue with the height of uploader in Form

Version 6.1.4

released on September 5, 2019

Fixes

  • Issues with date sorting in Grid
  • Issue with filters in Grid
  • Issue with resizer in Layout
  • Issue with resizing textarea in Form
  • Issues with restoring selection in Grid, DataView and List
  • Issues with Calendar styles
  • Fixes in samples

Version 6.1.3

released on August 29, 2019

Fixes

  • Issues with scroll in DataView
  • Issues with styles in Chart
  • Issues with the "hidden" property in Checkboxes and RadioGroup of Form

Version 6.1.2

released on August 22, 2019

Fixes

  • Restore the ability to send FormData in the send() method of Form
  • Issues with Form select
  • Issue with the add() method of Datacollection

Version 6.1.1

released on August 16, 2019

Fixes

  • Issues with DnD in List and DataView
  • Issue with the getValue() method in Form

Version 6.1

released on August 15, 2019

New functionality

ComboBox

Dataview/List

  • The possibility to edit items via API (DataView / List) or the configuration object (DataView / List)
  • New editing-related events: DoubleClick, BeforeEditStart, BeforeEditEnd, AfterEditStart, AfterEditEnd
  • Multiple selection of items (DataView / List)
  • Multiple drag-n-drop of items (DataView / List)

Data/Tree Collection

  • A new LoadError event for catching loading errors

Form

Grid

Popup

Tree

Window

Updates

Data/Tree Collection

  • Calling sort without parameters resets applied sorting
  • The possibility to add an array of items via the sort method

Form

Grid

Fixes

  • The possibility to set value for the Combo control via the configuration object of Form
  • Behavior of the Slider control

Version 6.0.4

released on August 6, 2019

Fixes

  • Issue with the load() method of Datacollection
  • Issue with arrow navigation in Tabbar
  • Issues with Window positioning and sizing
  • Issue with the sort() method of Datacollection
  • Issues with DnD in Tree
  • Issue with badges in Toolbar
  • Issues with Message positioning
  • Issues with names in Calendar localization
  • Styles fixes

Version 6.0.3

released on July 19, 2019

Fixes

  • Issues with the require property of Form
  • Restore the setConfig() method of Form
  • Issues with Form validation
  • Issue with checkboxes in Tree
  • Issue with the Select all button in Combobox
  • Issue with virtual list in Combobox
  • Issue with selection in List
  • Issue with header filters in Grid
  • Issue with footer in Window
  • Issue with the month view in Calendar
  • Issues with key navigation in Timepicker
  • Issues with z-index in Window and Popup
  • Styles fixes

Version 6.0.2

released on July 11, 2019

Fixes

  • Issues with Form custom CSS
  • Issues with Form elements
  • Issue with the getValue() method of Form
  • Issues with Menu and Context menu
  • Issues with popup in Form
  • Issue with scroll in Combobox
  • Issue with data parsing in Toolbar
  • Styles fixes

Version 6.0.1

released on July 5, 2019

Fixes

  • Issues with the setValue() method of Calendar
  • Issue with the set/getValue() methods of Slider
  • Issue with buttons in Confirm message box
  • Styles fixes
Back to top