What's new

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

Version 9.3.3

Released on June 2, 2026

Fixes

Grid. Fixed the issue where comboFilter/selectFilter did not pull updated values during scrolling or pagination when using lazyDataProxy
Grid. Fixed the behavior of fixed rows (topSplit/bottomSplit) in TreeGrid mode: rows now expand/collapse correctly and no longer collapse automatically upon data loading or scrolling

Version 9.3.2

Released on May 12, 2026

Fixes

Calendar. The calculation of the week number during the transition to summer time (DST) is fixed
Grid. The issue with incorrect row height after row deletion when using pagination and lazy loading is fixed
Grid. The styling issue of the BlockSelection module when using splits (left, right, top, or bottom) is fixed
Grid. The issue where export to XLSX or CSV failed if a configuration object was passed without a URL is fixed

Version 9.3.1

Released on March 26, 2026

Fixes

Form. The validation issue in the timePicker control with the timeObject value format when the minute part is less than 10 is fixed
Form. The issue where hiding and showing a form control caused the form title to be positioned incorrectly is fixed

Version 9.3

Released on February 17, 2026

New functionality

Grid. The ability to specify a flexible configuration for export to the CSV, XLSX, PDF, and PNG formats (PRO version)
- new Grid configuration property: exportConfig
Grid. A new dateFilter type of filter for the column header is added (PRO version)
Grid. The ability to define the position of the footer and frozen rows within the component container (PRO version)
- new Grid configuration property: footerPosition
Grid. The ability to define the behaviour of a dragged item in the TreeGrid mode (PRO version)
- new Grid configuration property: dropBehaviour
Tree. The ability to add tooltips for the items
- new Tree configuration property: tooltip
Window. The ability to set a window to the active state
- new Window method: setActive()

Updates

Chart. Export module. The pdf() and png() export functions return a promise of data export
Grid. Export module. The pdf(), png(), xlsx() and csv() export functions return a promise of data export
Grid. The functionality of column header filters is updated:
- the setValue() method (of the getHeaderFilter() API), can take a Date object or an array of Date[] objects as a parameter
- the value parameter of the callback functions of filterChange and beforeFilter events can be a Date object or an array of Date[] objects
- the parameters of the customFilter callback function can be Date objects or arrays of Date[] objects

Fixes

Grid. The inability to set a single date in the range mode is fixed
Grid. Performance issues that occurred while filtering large data sets via inputFilter

New samples

Grid

Tree

Tree. Tooltip template

Window

Window. Setting the active state

Version 9.2.8

Released on January 28, 2026

Fixes

Grid. Enable the ability to use block selection when the editor is open
Layout. Incorrect resizing of a cell with an attached iframe

Version 9.2.7

Released on January 15, 2026

Fixes

Grid. Data isn't grouped via the group panel

Version 9.2.6

Released on January 13, 2026

Fixes

Dataview, Grid, List. The issue with the functionality of the beforeAdd event during drag-n-drop
Grid. The ability to enable grouping in Grid with subrow is fixed
Grid. The ability to group a non-existent column without actual grouping is fixed
Grid. The comboFilter not updating the options on adding new items or editing the existing ones
Grid. Incorrect behavior of the comboFilter with enabled multiselection
Grid. The issue with the custom scroll being duplicated by the system scroll in Firefox on Windows 11
Grid. On grouping by a column with options, export to CSV/XLSX outputs the option's id instead of the displayed option's value
Sidebar. The functionality of the navigationType configuration option is fixed

Version 9.2.5

Released on November 28, 2025

Updates

DataCollection. The beforeAdd, afterAdd, beforeRemove, and afterRemove events are updated to include the batch and index parameters for handling batch operations

Fixes

Grid. Improved performance of adding and removing data via the add() and remove() methods when the adjust configuration is enabled
Grid. The issue where the combo filter with enabled multiselection displayed all options ignoring other active filters is fixed
TreeCollection. The issue where the items property of a parent object returned by the getItem() and find() methods included a removed child item is fixed

Version 9.2.4

Released on November 17, 2025

Fixes

Form. The getValue() method returns an empty string for a Combo option if its ID is specified as 0 (zero)
Grid. comboFilter displays all the options even if its filterConfig configuration object is initialized without the filter property
Grid. Incorrect date format in an exported Excel file
Grid. The ability to specify a placeholder in the inputFilter via the filterConfig configuration object is added
Tree. Incorrect dropping behavior when the dropBehavior:sibling property is set in the Tree configuration

Version 9.2.3

Released on October 21, 2025

Fixes

Grid. Performance issues caused by using comboFilter in the Grid header while a large dataset is loaded
Grid. The issue with the "combobox" editor not closing on pressing the "Enter" button

Version 9.2.2

Released on October 1, 2025

Fixes

Layout. The error that occurred on clicking the scrollbar in an attached List component
Grid. Incorrect date format of exported columns with dates in some cases
Tree. Performance issues in trees with deep nesting structure

Version 9.2.1

Released on September 1, 2025

Fixes

DragManager. Incorrect determining of dragged items' ids while dragging multiple items
Form. The beforeChange event behavior in the Input and Textarea controls
Grid. The BlockSelection module behavior when using several Grids on a page
Grid. The issue with inserting data into inputFilter from the clipboard
Grid. The parameter that defines the dragged item's drop position relative to the target item is added for the callback of drag-related events
Grid. The problem with multiselection of rows outside the visible Grid area when the dragMode option is enabled
Grid. Displaying of boolean values in the grouped data
Grid. Processing of invalid data for columns with the number type
Grid. The processing of the grouped invalid data is improved

Version 9.2

Released on July 15, 2025

Review of the release on the blog

Breaking changes

This version brings some updates in the use of the export module used for exporting Grid data to an Excel file. Check the Migration guide to keep in step with the latest updates.

New functionality

Grid. The RangeSelection module is added to provide functionality for managing range selection in Grid (PRO version)
- new Grid configuration property: rangeSelection
- new methods of the range object: disable(), enable(), getRange(), getRangedCells(), isDisabled(), isRanged(), resetRange(), setRange()
- new events of the range object: afterResetRange, afterSetRange, beforeResetRange, beforeSetRange
Grid. The BlockSelection module is added to provide functionality for managing block selection in Grid (PRO version)
- new Grid configuration property: blockSelection
- new methods of the block object: disable(), enable(), isDisabled()
- new events of the block object: afterBlockHandleApply, afterBlockSelectionApply, afterBlockSelectionMove, beforeBlockHandleApply, beforeBlockSelectionApply, beforeBlockSelectionMove, blockHandleMouseDown, blockSelectionEnd, blockSelectionStart, blockSelectionValidate
Grid. The Clipboard module is added to provide functionality for interacting with the clipboard in Grid (PRO version)
- new Grid configuration property: clipboard
- new events of the clipboard object: afterCopy, afterPaste, beforeCopy, beforePaste, copyError, pasteError
Grid. The DragPanel module is added to provide auxiliary functionality for moving rows in Grid and improve the drag-n-drop visualization (PRO version)
- new Grid configuration property: dragPanel
- new events: dragPanelItemClick, dragPanelItemMouseDown
Grid. The History module is added to provide functionality for managing the history of actions in Grid, including the Undo/Redo functionality (PRO version)
- new Grid configuration property: history
- new methods of the history object: add(), canRedo(), canUndo(), disable(), enable(), isDisabled(), getHistory(), redo(), remove(), removeAll(), undo()
- new events of the history object: afterAdd, afterRedo, afterUndo, beforeAdd, beforeRedo, beforeUndo, error
Grid. The isSelected() method is added for the Selection module to check whether the specified cell is selected

Updates

Grid. The logic and appearance of the drag-n-drop functionality is improved. Check the related sample
Grid. The export to Excel functionality is updated. The Json2Excel module is now used for exporting Grid data to Excel. Check the Migration guide for details
Grid. The xlsx() method of the Export module gets two new configuration settings:
- tableName- to set the name of a sheet with grid data in the Excel file
- dateFormatMask - to set the date format mask for Excel
Grid. The possibility to use keyboard navigation for selecting ranges of cells. The following shortcut keys and their combinations are available:

ArrowUp	resets the selected range and moves the focus to the previous vertical cell, setting the initially selected cell if no selection is active
ArrowDown	resets the selected range and moves the focus to the next vertical cell, setting the initially selected cell if no selection is active
ArrowLeft	resets the selected range and moves the focus to the previous horizontal cell, setting the initially selected cell if no selection is active
ArrowRight	resets the selected range and moves the focus to the next horizontal cell, setting the initially selected cell if no selection is active
Shift+ArrowUp	extends the selected range from the current initial cell to the previous vertical cell
Shift+ArrowDown	extends the selected range from the current initial cell to the next vertical cell
Shift+ArrowLeft	extends the selected range from the current initial cell to the previous horizontal cell
Shift+ArrowRight	extends the selected range from the current initial cell to the next horizontal cell
Ctrl+ArrowUp	resets the selected range and moves the focus to the first vertical cell
Ctrl+ArrowDown	resets the selected range and moves the focus to the last vertical cell
Ctrl+ArrowLeft	resets the selected range and moves the focus to the first horizontal cell
Ctrl+ArrowRight	resets the selected range and moves the focus to the last horizontal cell
Ctrl+Shift+ArrowUp	extends the selected range to the first vertical cell
Ctrl+Shift+ArrowDown	extends the selected range to the last vertical cell
Ctrl+Shift+ArrowLeft	extends the selected range to the first horizontal cell
Ctrl+Shift+ArrowRight	extends the selected range to the last horizontal cell

The following shortcut key and mouse combination is available:

Shift + click

sets the end cell of the range, extending the selection from the current initial cell

The following shortcut key is available when the editable mode is set for the Grid component and the BlockSelection module is used in the "range" mode:

Delete

allows clearing the selected cells

Fixes

DragManager. Incorrect determining the position for dropping an element during the Drag&Drop operation (child elements) in the TreeGrid mode
DragManager. The issue with moving a line to the header/footer area
DragManager. The problem with determining the position for dropping above the first element
DragManager. The issue associated with the absence or incorrect definition of the drop position for the default mode
DragManager. The issue with the dragIn event (the previous reset state was transmitted)
DragManager. The dragIn/dragOut events are optimized (false positives are removed)
Grid. The issue with falsy selection of fixed cells while selecting unfrozen cells
Grid. The issue with dragging unselected items
Grid. Sorting of the Date string (ISO) values results in the invalid format error
Grid. Export. Double quotes in the cell value are escaped in the exported Excel
Grid. The issue with editor closing and saving the entered value on scrolling the grid
Grid. The draggable:false setting of a column affects the drag-n-drop of rows
Grid. The error that occurred when the value of the parent property was set as a number

New samples

Grid

Version 9.1.6

Released on June 23, 2025

Fixes

Chart. The issue with displaying of the Treemap chart with groups
Grid. The cellValue parameter of the column template property has different values depending on whether a column is editable
Grid. The issue with the tooltip showing in case of a custom HTML content taking the full cell's space
Grid. The textarea editor saves changes made in a cell on closing instead of rendering the initial value

Version 9.1.5

Released on June 5, 2025

Fixes

DataCollection/TreeCollection. Fixed the sort() method in the smartSorting mode when sorting by more than three parameters
Grid. The multiselect/select editor passes the id instead of the value, while exporting data to an .xslx file
Grid. Sorting by the third column disregards the prior two-column sort order

Version 9.1.4

Released on June 3, 2025

Fixes

Grid. A critical error during cell re-editing after unmounting the component
Grid. The value is not saved during manual editing of DateEditor
Grid. The issue with group headers rendering the ids instead of values
Grid. The localization issue
Grid. Incorrect displaying of a Japanese (Kanji/Kana) text without spaces in a single cell
Grid. Issues in the functionality of the autoHeight configuration property
Grid. Incorrect work of the adjust property of a column
Layout. A console error on collapsing the first cell
TreeCollection. Reloading data after component initialization

Version 9.1.3

Released on April 3, 2025

Fixes

DataCollection. The issue with XMLDriver failing with string parameters
Form. Updating the input properties will set the default input width, if a different width value hasn't been specified
Grid. Incorrect export of values containing CRLF, double quotes and commas to CSV
Grid. Resizing of columns with the enabled rightSplit option hides the resized column
Grid. A script error that occurs on hovering over a group element after going outside the component while dragging a group
Grid. The column summary isn't calculated if the grid has been initialized in the collapsed mode

Version 9.1.2

Released on March 17, 2025

Fixes

Chart. The default CSS classes aren't applied to the series of the splineArea chart type
Combobox. Incorrect calculation of the popup position on filtering options
Grid. Impossibility to set the left border for the first cells
Grid. Incorrect displaying of a row dragged by the frozen part
Grid. The script error that occurred while hovering over a span in the "tree" mode
TreeCollection. The move method doesn't move child elements of an item between collections
TreeCollection. After moving elements in _order there are duplicates of moved elements

Version 9.1.1

Released on February 24, 2025

Fixes

Combobox. Adding a new option in the "multiselection" mode opens the popup list
Form. The problem with updating the value of the preMessage property of the Textarea control
Grid. After editing grouped data with the adjust:true option in the Grid configuration, the adjustable cell width is reset on ungrouping data
Grid. The issue with using a sub-row when the dhx.scrollViewConfig.enable configuration option is set to true
Grid. An error caused by the use of options containing commas in the "combobox" editor
Grid. Incorrect calculation of the row autoHeight, if the length of a word in a cell exceeds the column width

Version 9.1

Released on February 18, 2025

Review of the release on the blog

Breaking changes

This version brings some updates in the API methods. Check the Migration guide to keep in step with the latest updates.

New functionality

DataCollection/TreeCollection

The new getSortingStates() method to get the current state of data sorting (including sorting by multiple columns)

Grid

Row expander with the possibility to insert any Suite widget or HTML content (PRO version)
- new Grid configuration property: subRow
- new Grid configuration property: subRowConfig
- new method: getSubRow()
Multi-sorting functionality that allows sorting Grid by several columns (PRO version)
- new Grid configuration property: multiSort

Fixes

DataCollection/TreeCollection. The sort() method called without arguments doesn't reset the applied sorting
Grid. Falsy firing of data events on row drag-n-drop
Grid. The issue with a gap appearing while calculating autoHeight of a cell
Toolbar. Incorrect menu items positioning
TreeCollection. The restoreOrder() method doesn't reset the applied sorting

New demo on backend integration

Multiuser (real-time updated) backend. Save method. Getting, editing, deleting, and sending data

New samples

Grid

Version 9.0.4

Released on February 4, 2025

Fixes

Core. Incorrect work of numberMask used with the allowNegative property on initialization of components
Grid. An issue with ignoring the maxWidth property specified for a column
Window. An issue with restoring of embedded views (Grid scroll)

Version 9.0.3

Released on January 13, 2025

Fixes

Chart. Chart bars aren't displayed if the series have the same value
Chart. A stacked bar isn't rendered if a data object for some series doesn't contain a value
Grid. Sorting the header "selectFilter"/"comboFilter" options with numeric data in the "number" column type
Grid. Dragging a child item to the parent item in the TreeGrid mode

Version 9.0.2

Released on December 23, 2024

Fixes

Grid. The input editor doesn't work when selection:"row" is specified
Grid. autoEmptyRow creates an additional empty row on loading external data

Version 9.0.1

Released on December 10, 2024

Fixes

Core. The issue with the local trial package during import to frameworks
DataCollection. Adding multiple elements at index -1 will distribute the elements throughout the collection
DataCollection. The find()/findAll() method miss the index and array arguments, when the parameter is set as a function
DataCollection. The add() method mutates the added object
DataCollection. Data preparation in the config is removed (old realization)
DataCollection. After parsing the grouped data, the old data is displayed
Form. The issue with the destruction of items in Optimus
Grid. Multiselection. Reselection of the first selected row doesn't work
Grid. The export module typization is added
Grid. The use of footerAutoHeight with summary causes an error
Message. Incorrect text wrapping
Tree. Selection isn't applied after dragging an item to another Tree
TreeCollection. The smartSorting property is missed in the configuration of the sort() method
TreeCollection. The filter() method allows specifying an invalid configuration
TreeCollection. The move() method calculates the movements incorrectly when moving an array of elements
TreeCollection. The move() method doesn't allow being called without additional arguments
TreeCollection. The ability to create a non-existent parent

Version 9.0

Released on November 25, 2024

Review of the release on the blog

Breaking changes

In this version TreeGrid becomes a part of Grid. Check the Migration guide to keep in step with the latest updates.

New functionality

Common features

The new helper method dhx.methods to define the default data calculation functions used by the library and redefine them to create custom functions

DataCollection

The ability to group data items, aggregate data in a group, adjust the order and configuration of data grouping, render statistics in the summary rows
- new methods: group(), ungroup(), isGrouped()
- new events: beforeGroup, afterGroup, beforeUnGroup, afterUnGroup

Form

The ability to specify patternMask/numberMask for the Input and Textarea controls
The new getText() method for getting the text value of an input
The new getText() method for getting the text value of a textarea

Grid

The TreeGrid mode for Grid (PRO version)
Row data grouping (PRO version) with the ability to aggregate data in a group, adjust the appearance, order and configuration of data grouping, render statistics in the summary rows
- new Grid properties: group, groupable, closable
- new column properties: groupable, closable
- new events: groupPanelItemClick, groupPanelItemMouseDown
The ability to render custom statistics in the header/footer of columns and Grid spans
- the text and tooltipTemplate properties of a column and of the Grid spans configuration object can be set as callback functions to render calculated summary values
- new Grid property: summary
- new method: getSummary()
- new column property: summary
The ability to specify patternMask/numberMask for columns
Localization for Grid labels is added

Updates

Grid

The asDateObject property is added for the editorConfig object of the DatePicker column editor to provide the ability to work with a Date object as with a string
The cell parameter is added for the callback function of the following events: headerCellClick, footerCellClick, headerCellMouseOver, footerCellMouseOver, headerCellMouseDown, footerCellMouseDown, headerCellDblClick, footerCellDblClick, headerCellRightClick, footerCellRightClick
Ctrl+Enter shortcut for expanding/collapsing the parent item in the TreeGrid mode

Fixes

Grid. Rows layout break when the minimum column width is reached with more than one parent (type: tree)
Grid. The TypeScript types issue of the constructor object
Grid. The unrecognized format error that occurs when working with a Date object in string representation

New samples

Version 8.4.6

Released on October 15, 2024

Fixes

Grid. The issue with opening the Combobox column editor without options

Version 8.4.4

Released on September 16, 2024

Fixes

Grid. Data is not displayed in the non-PRO version

Version 8.4.3

Released on September 10, 2024

Fixes

Grid/TreeGrid. Incorrect span editing
Grid/TreeGrid. The callback of the dragRowIn event is called with the source id instead of the target id
Grid/TreeGrid. Incorrect rendering of header/footer spans
Grid/TreeGrid. Canceling editing of a cell in the enabled autoHeight mode doesn't revert the value of a cell to the initial state
Grid/TreeGrid. The beforeColumnDrop event fires after dragging rows
Grid/TreeGrid. The height property set as a string breaks rendering of the component

Version 8.4.2

Released on August 29, 2024

Fixes

Core. Destruction of Layout in the Optimus framework causes an error
Form. A number input with the predefined minimal value fails validation in case the input is empty
Grid/TreeGrid. Incorrect work of the comboFilter input in case entering of HTML content is enabled
Grid/TreeGrid. Input of a number starting with a decimal point
Grid/TreeGrid. The use of autoHeight and autoEmptyRow configs prevents appearing of a new empty row
Grid/TreeGrid. The adjust:data config is applied incorrectly during drag-n-drop
Grid/TreeGrid. The adjust config of the component takes priority over the adjust config of a column
Grid/TreeGrid. Parsing data with the footerAutoHeight: true config causes a console error
Grid/TreeGrid. Dragging adjacent cells from the same column changes their positions relative to each other
Layout. Issue with cells resizing
Tree. The intermediate state of three-state checkboxes isn't displayed when a dataset is specified in the Tree configuration

Version 8.4.1

Released on July 25, 2024

Fixes

Combobox. A custom scroll doesn't work
Form. The value selected in the Combo control restores after the options reloading
Form. The input destructor issue while using Optimus
Form. The enable() method fails when a form contains a Fieldset control with a spacer
Grid/TreeGrid. Row selection gets lost after dragging a column
Tree. Checkbox states are not displayed in the serialized data

Version 8.4

Released on July 16, 2024

Review of the release on the blog

New functionality

Updates

Grid/TreeGrid

The ability to use most Data/TreeCollection methods during dynamic loading before data is fully loaded
The ability to specify Grid/TreeGrid tooltips as objects with settings
The ability to provide a filtering function for the Combobox editor in a column

List

The ability to use most Data/TreeCollection methods during dynamic loading before data is fully loaded

Fixes

Grid/TreeGrid. Fix an issue related to updating sizes according to the parent container
Navigation. Closing the menu on click in the "click" navigation mode for Toolbar, Menu, Sidebar, Ribbon

New samples

Combobox. Groups in the drop-down list
Combobox. Editing/deleting options
Grid. Editing with a Colorpicker editor
Grid. Editing with a Grid editor
Tabbar. Tooltips on tabs
TreeGrid. Editing with a colorpicker editor

Version 8.3.14

Released on July 8, 2024

Fixes

Combobox. The accessibility issue in the NVDA screen reader
Grid/TreeGrid. Events aren't triggered for the cell template
Grid/TreeGrid. The adjust property isn't applied to the "id" column
Grid/TreeGrid. The value of the headerAutoHeight property in combination with the adjust one is calculated incorrectly
Grid/TreeGrid. Filtering is reset while dragging rows
Grid/TreeGrid. The combination of the minWidth and autoWidth column properties works incorrectly
Grid/TreeGrid. The scrolling functionality and key navigation are fixed
Grid/TreeGrid. Filtering with the row-spanned data is fixed
Layout. A theme applied to a Layout cell resets after the cell is collapsed

Version 8.3.13

Released on June 24, 2024

Fixes

Window. The Tabbar.tabAlign property is ignored if the Tabbar is placed within the Window control
Form. The helpMessage is displayed in the incorrect position if the Form is scrolled to the bottom edge
Core. Memory leaks (Layout, Combobox, Form components)

Version 8.3.12

Released on May 17, 2024

Updates

Icons. Add new icons

Fixes

TreeGrid. Fix the issue with spans not applying to columns

Version 8.3.11

Released on May 8, 2024

Fixes

DataCollection/TreeCollection. Fix the work of the serialize() method for the CSV format
Form. Fix the issue with the maxlength property that made inputs to be required
Grid. Fix the drag-n-drop functionality for a grid initialized in a web component
Grid/TreeGrid. Fix the functionality of the comboFilter
Grid/TreeGrid. Fix the adjust property for a cell with the "combobox" editor the options of which are set via the id and value properties
Grid/TreeGrid. Fix the error caused by the call of the addCellCss() method for a hidden column
Layout. Fix the error caused by the destructor call

Version 8.3.10

Released on April 3, 2024

Fixes

Calendar. The 29th of February isn't rendered for some date formats
Grid. Row CSS isn't applied in the exported Excel file
Grid. Row autoHeight fails on changing the order of columns by dragging
Grid. Custom header sorting doesn't work for the headers containing HTML
Grid. Incorrect filtering via comboFilter

Version 8.3.9

Released on March 18, 2024

Fixes

Date. Сonsole errors when used on iOS 16.3 in Safari
Form. Validation for the DatePicker and Select controls
Form. False rendering of components with the hidden:true property
Grid/TreeGrid. Not displaying tooltips in the spanned footer
Grid/TreeGrid. Initializing a grid in a web component breaks the inputFilter usage
Grid/TreeGrid. Pressing Enter in the input filter triggers the afterSort event
Layout. The destructor() method of the parent doesn't destruct the nested components

Version 8.3.8

Released on February 26, 2024

Fixes

Calendar. Localization of Timepicker is fixed
DataCollection/TreeCollection. The DataProxy config for the data driver in the CSV/XML format is replaced
DataCollection/TreeCollection. The functionality of the findIndex() method is optimized
Form. Incorrect input of CJK characters if the form is placed into a layout
Form. Incorrect work of the setProperties() method
Form. The padding of the Fieldset control is fixed
Form. Incorrect work of the hide() method of the Fieldset control
Grid. Navigation through the spanned cells with the Tab key
Grid/TreeGrid. Improved performance for a dataset with spans
Grid/TreeGrid. Editing of spanned cells
Localization. Issues with i18n import

Version 8.3.7

Released on February 13, 2024

Fixes

Combobox. Improvements in the filtering logic. The filter type is changed: now search is carried out by comparing all characters of the query string
Combobox. Fix the change event firing for an empty value
Form. Fix incorrect clearing of a read-only Combo
Form. The validate() method returns an incorrect value if there are no validation functions or attributes applied
Form. Fix incorrect style of the input icon
Form. The input event with the inputType: "number" returns a string value
Grid/TreeGrid. Fix the issue with the comboFilter option size to allow entering a long text
Grid/TreeGrid. Incorrect width calculation in case of a big number of columns
Message. Fix calculation of the tooltip position
Ribbon/Sidebar/Toolbar. Fix the types issue with the IState
Ribbon/Toolbar. The DatePicker value can't be cleared via the API

Version 8.3.6

Released on January 24, 2024

Fixes

Form. Fix Button and ToggleGroup positioning in Layout as well as the functionality of their width and full properties
Form. Fix the size of the Toggle and ToggleGroup controls
Form. Fix the error that occurred after destructing an Avatar control
Form. Fix incorrect styling of nested controls in the Fieldset control when the cols arrangement is applied first
Grid/TreeGrid. Optimizing the work of Grid/TreeGrid while loading a great number of spans
Grid/TreeGrid. The mark property doesn't work when a hidden row is displayed by the showRow() call
Grid/TreeGrid. Fix a potential regular expression vulnerability in the input editor
Tree. Fix a typo in types.ts
TreeGrid. Applying grouping to the filtered data leads to losing the initial data

Version 8.3.5

Released on January 11, 2024

Fixes

DataCollection/DataProxy. Fix the problem with the header Accept type while sending a request with the load() method
Form. Fix triggering of the change event during the call of setValue() for controls
Form. The beforeChange event doesn't block selection of a radio button, if there hasn't been a selected button in RadioGroup
Form. Fix the issue with a numeric filter validating an empty value in an input
Grid/TreeGrid. Closing editor in a numeric column cell by pressing the ESC key clears the cell's value

Version 8.3.4

Released on January 4, 2024

Fixes

Calendar. The week number at the start of the year calculates incorrectly
Colorpicker. Changing the value in the pallete mode does not change the value in picker mode
Form. Fix the issue related to the destructor() method in DatePicker control (popup is not hidden)
Form. Incorrect type for the hide() method
Form. The number input type cannot display the 0 number
Form. The destructor() method invokes an error, if the popup is open
Form. The colorpicker value property works incorrectly
Form. The timepicker value displayes incorrectly, if you specify the value property without a value
Grid/TreeGrid. Fix the issue related to the autoHeight property. The Grid takes hidden columns into account
Grid/TreeGrid. Fix the issue related to the beforeSort event. The sort direction stickes
Grid/TreeGrid. The footer summary calculates incorrectly in case of the empty value
Pagination. Fix the issue related to the add() method. Populating data with the add() method breaks the pagination
Pagination. The applied filter(s) does not refresh paginagion

Version 8.3.3

Released on December 7, 2023

Fixes

Grid/TreeGrid. Fix the issue with impossibility to unselect the row that was selected first
Grid/TreeGrid. Fix the issue with the beforeEditEnd/afterEditEnd events firing twice when the Esc or Enter key is pressed

Version 8.3.2

Released on December 4, 2023

Fixes

Layout. Fix incorrect adding of content into a cell
Layout. Fix script errors that occurred when Layout was used in a React app
Grid/TreeGrid. Fix incorrect header height in case a grid is placed into a Layout cell
TreeGrid. Fix the problem with rendering an expanded TreeGrid during export to PDF and PNG
TreeGrid. Fix the issue with selection while using TreeGrid with Pagination

Version 8.3.1

Released on November 14, 2023

Fixes

DataCollection. Fix an error in the DragManager
DataCollection. Fix data serialization to the CSV format
Form. Fix the issue with the Slider ticks breaking the default margin between controls
Grid/TreeGrid. Fix the width of an exported PNG file
Menu. Fix resetting the position of a child on clicking its parent item
Tabbar. Fix incorrect work of the tabAlign property
TreeGrid. Fix the issue with selection working during pagination only for the first page

Version 8.3

Released on October 23, 2023

Review of the release on the blog

New functionality

ColorPicker

The ability to adjust the color transparency

Form. Container

The control's configuration object is extended with a set of properties that allow adding and controlling the label

Grid/TreeGrid

The ability to set the autoHeight mode for the column's header/footer (PRO version)
The ability to enable HTML content in the columns' header/footer independent of the settings applied for the column or the whole component

New keydown event

Ribbon

New events: input, inputChange, keydown, and the Datepicker control

New keydown event

New events: input and keydown

Updates

Grid/TreeGrid

The functionality of the eventHandlers configuration property is extended for the columns' header/footer
The columns with the "number" type allow only numeric values in the cells

Fixes

Form. Fix the absence of the bottom margin at the Container control
Grid/TreeGrid. Fix the work of the bottomSplit property when there was too little data for the proper content height
TreeGrid. Fix the work of the adjust property with the "footer" value

Version 8.2.7

Released on October 19, 2023

Fixes

Combobox. Fix the absence of the placeholder if Combobox has a template
Form. Combo control. Fix the incorrect position of preMessage after the call of setProperties()
Form. Input/Textarea controls. Fix disappearance of the entered value on entering the full screen mode
Form. Toggle control. Fix the break of the Toggle button styles in case of simultaneous usage of the Suite and Vault sources on a page
Grid/TreeGrid. Fix incorrect autoWidth calculation in case of a big number of columns

Version 8.2.6

Released on October 12, 2023

Fixes

ColorPicker. Fix incorrect adding of a custom color
Form. Fix incorrect work of the validate() method in the "silent" mode
Form. Fix incorrect work of the clear() method that triggered validation
Form. Fix blocking of typing on call of the validate() method for the Input control
Grid/TreeGrid. Fix the difference in the number format used for the cell data and for the footer
Grid/TreeGrid. Fix the problem with displaying O(zero) in the footer as a total sum of a column

Version 8.2.4

Released on October 4, 2023

Fixes

Grid/TreeGrid. Fix the issue with comboFilter not working in case the column's editor contains options with the id and value that don't match
Grid/TreeGrid. Fix the problem with the setColumns() method not refreshing the comboFilter options
TreeGrid. Fix the issue with a console error throwing on hovering over the footer tooltips used together with the "content" property
Toolbar/Menu. Fix the problem with displaying the count badge with the 0 value

Version 8.2.3

Released on September 26, 2023

Fixes

Chart. Fix the issue with minValue rounding a fractional value
Chart. Fix the functionality of the dashed property in the Spline charts
Grid/TreeGrid. Fix the memory leak related to the header filters
TreeGrid. Fix the problem when a double click on a grouped row threw an error

Version 8.2.2

Released on September 13, 2023

Fixes

DataView. Fix the issue with the FocusChange event not triggering on selecting an item with the mouse click
Grid/TreeGrid. Fix export to Excel with the non-numeric footer content
Grid/TreeGrid. Fix the problem with setting columns' width during export to Excel if the adjust config is enabled
Grid/TreeGrid. Fix export to Excel of the applied cell alignment
Grid/TreeGrid. Fix export to Excel of the font weight applied to cells
Grid/TreeGrid. The logic of selecting an option is fixed for comboFilter. The functionality of selectFilter and inputFilter is improved
Menu. Fix the problem with rendering of the count badge at the root level
Tree. Fix the impossibility to override the checkbox configuration via the dataset
TreeGrid. Fix the issue with resetting changes in the edited cells after data ungrouping

Version 8.2.1

Released on August 31, 2023

Fixes

Combobox. Fix the displaying of templates
Context Menu. Fix the problem with closing of the context menu when clicking on the scrollbar
Grid/TreeGrid. Fix the issue when calling of the destructor() method caused a crash of an app based on the Optimus framework
Grid/TreeGrid. Fix the rendering of hidden columns

Version 8.2

Released on August 29, 2023

Review of the release on the blog

New functionality

DataCollection/TreeCollection

New filter event and resetFilter(), getFilters() methods

Grid/TreeGrid

The ability to control the header/footer tooltip

Form

New Avatar control
New Fieldset control
New Toggle and ToggleGroup controls

Updates

Chart

The series configuration property is extended with the label option for setting the text of the legend for a series (for the "line", "spline", "bar", "x-bar", "area", "splineArea", "radar", "scatter" chart types)

DataCollection/TreeCollection

Functionality of the filter() method is updated. Its second parameter - the config object gets the permanent property instead of the smartFilter one, and the new id property. Check the Migration article for details

Form

Types of Form controls are restructured. The type declaration file (d.ts) is updated

Form. SimpleVault

The API of the control is renewed and improved

Fixes

Form. Fix the functionality of the change event of the simpleVault control
Grid/TreeGrid. Fix the functionality of comboFilter and selectFilter that presupposes displaying options in these filters according to the current filtered state of DataCollection
Grid/TreeGrid. Fix the issue with triggering the change event after filtering data (after selecting the filter)
Grid/TreeGrid. Fix the issue with incorrect header tooltip rendering due to the use of a colspan
Grid/TreeGrid. Fix the issue with incorrect displaying of header spans in the fixed columns
Toolbar. Fix the problem with not displaying the expand triangle icon on adding sub-items into an element placed lower than the second level
Grid/TreeGrid. Fix the incorrect calculation of the row autoHeight

Version 8.1.10

Released on August 21, 2023

Fixes

Combobox. Fix the issue with the default icon of an option (set via the "src" or "icon" properties) not displayed in the input field
Toolbar. Fix the problem with the setState() method not applying a value for DatePicker

Version 8.1.9

Released on August 14, 2023

Fixes

Grid/TreeGrid. Fix the issue with a colspan breaking in case of hiding several of its columns
Grid/TreeGrid. Fix the issue with the Input filter operating with the formatted numeric value instead of the original one
Grid/TreeGrid. Fix incorrect export of boolean values to PDF/PNG
Grid/TreeGrid. Fix incorrect work of the autoHeight property that resulted in not displaying multi-line data in cells

Version 8.1.8

Released on August 8, 2023

Fixes

Form. Fix incorrect data rendering in the Input control on blocking changes by the beforeChange event
Grid/TreeGrid. Fix incorrect behavior when typing "null" in the inputFilter displayed empty rows
Grid/TreeGrid. Fix the issue with the destructor call after operating with the in-header filters that caused a console error throwing

Version 8.1.7

Released on July 26, 2023

Fixes

Combobox. Fix an incorrect behavior whereby the filter selects option in any case
Core. Fix an incorrect behavior whereby the form datePicker with the defined time format does not work
Grid/TreeGrid. Disallow the html markup in the text property of span, if the htmlEnable property is set to false
Grid/TreeGrid. Fix incorrect displaying of multilines in cells in the exported PDF
Grid/TreeGrid. Fix incorrect displaying of spans in the fixed columns
Toolbar. Fix the incorrect behavior of the toolbar buttons, if the toolbar is attached to a window
Tree. Fix the issue that occurs if the data contains ID set to the 0 number (id:0)

Version 8.1.6

Released on July 11, 2023

Fixes

ContextMenu. Fix displaying of ContextMenu behind Grid due to incorrect z-index
Grid/TreeGrid. Fix the issue with the comboFilter not rendering options in case of the external data loading/parsing
Grid/TreeGrid. Fix the incorrect data rendering in the autoHeight mode used together with the autoWidth mode when Grid/TreeGrid is placed in a Layout cell
Grid/TreeGrid. Fix the console error appearing in case of numeric values in the data set combined with the enabled "multiselection" mode of the comboFilter
Grid/TreeGrid. Fix incorrect positioning of the select editor when the Grid height is limited
Grid/TreeGrid. Fix the issue when spans ignored the specified column format
Layout. Fix the incorrect calculation of cells' sizes in the wide layout type
Tree. Fix the issue when focusing an item didn't initiate scrolling a view to it
TreeGridCollection. Fix the issue with the getId()/getIndex() methods not working correctly in relation to each other

Version 8.1.5

Released on June 19, 2023

Fixes

Combobox. Fix the functionality of the addOption() method. Now it takes both a string and an object as a parameter
Form. Fix the issue with the beforeChange event not triggering for the TimePicker control during the UI interaction in the controls:false mode
Grid. Fix the issue with ignoring colspans defined in the configuration object while loading data via the parse() or load() methods
Grid/TreeGrid. Fix the problem with the "combobox" editor saving an option's text instead of its id in the data set after editing
Grid/TreeGrid. Fix the TypeScript error which occurred due to the absence of the align property of the footer in the types
Grid/TreeGrid. Fix the TypeScript error that occurred due to the wrong declaration of the iCol option type
Window. Fix the problem with window focusing in FireFox
- note that the --dhx-z-index-overlay-total CSS variable for the default theme has been changed to 10000000

Version 8.1.4

Released on June 15, 2023

Fixes

Form. Fix the issue with the undefined CSS class that appeared on creation of a form

Version 8.1.3

Released on June 12, 2023

Fixes

Combobox. Fix the issue with displaying HTML content in the input
Grid/TreeGrid. Fix incorrect processing of dates containing time in the AM format by the datePicker editor
Grid/TreeGrid. Fix the problem with the footer colspan not working in the frozen part of a grid
Grid/TreeGrid. Fix the issue with displaying HTML content in the comboFilter
TreeGrid. Fix incorrect behavior when removing a child item of a selected row resets the selection

Version 8.1.2

Released on May 29, 2023

Fixes

DataView. Fix incorrect rendering of multiple selected items while dragging them to the target
Form. Fix incorrect key navigation in the TimePicker control
Grid/TreeGrid. Fix the horizontal scrolling during the column drag
Grid/TreeGrid. Fix the vertical scrolling during the row drag
Grid/TreeGrid. Fix the impossibility to select an empty option in the multiselection:false mode of the comboFilter
Layout. Fix incorrect arrangement of cells on a page after resizing/collapsing
Window. Fix the issue when a modal window with an attached component refuses to close with the ESC button

Version 8.1.1

Released on May 18, 2023

Fixes

DataProxy. Fix the issue with items' ids during lazy loading
Dataview. Fix incorrect work of the setFocus() method
Form. Fix incorrect application of a validation class added to a custom CSS class
Grid/TreeGrid. Fix the issue with ignoring hidden columns being a part of a colspan
Grid/TreeGrid. Fix displaying of data in the header/footer during the initialization of a large number of columns
Grid/TreeGrid. Fix incorrect drag-n-drop behavior in the disabled multi select mode
Grid/TreeGrid. Fix the issue with the multi select filter when it adds an empty value from a data set into selected options by default
TreeGrid. Fix incorrect work of the adjustColumnWidth() method

Version 8.1

Released on April 18, 2023

Review of release on the blog

New functionality

Chart

New exportStyles property

Grid

The ability to export Grid to a PDF or PNG file:
- new export methods: pdf(), png()
- new property: exportStyles
The ability to set individual lists of editor options for different cells of the column:
- now it is possible to define the options property of a column as a callback function
The ability to set automatic height for Grid (Pro)

Tree

The ability to initialize Tree in the collapsed state:
- new property: collapsed

TreeGrid

The ability to export TreeGrid to a PDF or PNG file:
- new export methods: pdf(), png()
- new property: exportStyles
The ability to set individual lists of editor options for different cells of the column:
- now it is possible to define the options property of a column as a callback function
The ability to set automatic height for TreeGrid
New multiselection property:
- the ability to select multiple cells/rows in TreeGrid
- the ability to drag-n-drop multiple rows
The ability to define whether collapsed rows should expand while hovering them over during drag-n-drop:
- new property: dragExpand
The ability to initialize TreeGrid in the collapsed state:
- new property: collapsed

Updates

Chart

The pdf() method was updated:
- new options of the export object are added: theme, exportStyles
- new options of the pdf object are added: pageRanges, displayHeaderFooter, footerTemplate, headerTemplate
The png() method was updated:
- new options of the export object are added: theme, exportStyles

Fixes

Grid. Fix work of the afterEditEnd, afterEditStart, beforeEditEnd, beforeEditStart events when keyboard navigation is enabled
Grid/TreeGrid. Fix work of selection on removing or loading data
Layout. Fix work of the progress bar
TreeGrid. Fix incorrect work of filtering when collapsing or expanding the parent node

Version 8.0.3

Released on April 12, 2023

Fixes

Calendar. Fix work of the calendar when it is initialized in the container with limited size
Form. Fix the issue with auto filling of the form in Firefox
Grid. Fix work of Grid with lazyDataProxy
Grid/TreeGrid. Fix display of data in spanned cells
Grid/TreeGrid. Fix display of data in the tooltip for new options created via the combobox editor
Grid/TreeGrid. Fix work of the cellClick, cellDblClick, cellRightClick events for spanned cells
Slider. Fix work of the slider on touch devices

Version 8.0.2

Released on March 20, 2023

Fixes

Grid. Fix the issue with editing of a span belonging to fixed columns or rows
Grid. Fix the issue with editing of cells when selection is enabled
Grid. Fix the issue with export to Excel after applying a custom font to Grid cells
Grid. Fix the issue with the adjustColumnWidth() method after resizing of a column
Grid. Fix work of key navigation between a span and cell (in some cases)

Version 8.0.1

Released on March 13, 2023

Fixes

Combobox. Fix default templates for the img and icon attributes of a data item
Combobox. Fix work of the htmlEnable property
Context menu. Fix the issue with applying of themes to the context menu
Grid/TreeGrid. Fix an error thrown when editing cells with null or undefined values in the column with editorType: "select"
Grid/TreeGrid. Fix the issue with custom scroll when using together with frozen columns/rows
Grid/TreeGrid. Fix the issue with the value returned from the filterChange event after resetting the value of the inputFilter/selectFilter. Now the event returns value as an empty string
Grid/TreeGrid. Fix work of events of the Selection object
List. Now focusing of items isn't available when key navigation is disabled
Suite. Now the date format must include delimiters (space or symbol), otherwise an error will be thrown
TreeGrid. Fix the issue which caused headers of groups to be duplicated when using the leftSplit property of TreeGrid
Window. Fix the issue with excess scroll in the window content
Window. Fix work of Window with the resizable: true property

Version 8.0

Released on February 24, 2023

Review of release on the blog

New functionality

Common features

Accessibility support

Styling

New "light", "contrast-light", "dark", "contrast-dark" color themes
The ability to change base themes or configure your own color theme
Theme configurator

Chart

Calendar heatmap chart (Pro version)
The ability to export the Chart data to PDF and PNG (Example)

Colorpicker

New beforeChange event

Combobox

New beforeChange event

Form

New beforeChange event

Form controls

New events:
- Datepicker beforeChange event
- Checkbox beforeChange event
- CheckboxGroup beforeChange event
- Colorpicker beforeChange event
- Combo beforeChange event
- Input beforeChange event
- Radiogroup beforeChange event
- Select beforeChange and beforeChangeOptions events
- Slider beforeChange event
- Textarea beforeChange event
- Timepicker beforeChange event

Grid

Now the user can clear date values in the cell
The ability to configure drag-n-drop of multiple rows (Pro version)
The ability to control the process of data filtering (new beforeFilter event)
Now the sorting icon will also appear after sorting data via the data.sort() method
The ability to configure the datePicker editor of a cell by passing most of properties of DHTMLX Calendar to the columns.editorConfig property
The ability to fix bottom rows and right columns using the corresponding bottomSplit and rightSplit properties (Example)

Layout

The ability to show a progress bar for empty cells by default (new progressDefault property of a Layout cell)
The ability to hide/show a progress bar via API calls:
- new methods of Layout: progressShow() and progressHide()
- new method of a Layout cell: progressShow() and progressHide()
The ability to detach a component or HTML content from a cell (new detach() method of a Layout cell)

Message

The ability to close a message box (new close() method)
The ability to set margin between the node and tooltip (new margin property of the tooltip)

Slider

New beforeChange event

Timepicker

New beforeChange event

DatePicker control. The ability to let the user enter the date via the input (new editable property)
DatePicker control. New properties: valueFormat, disabledDates, mark, mode, thisMonthOnly, timeFormat, timePicker, weekNumbers, weekStart
The ability to set focus on an Input (new setFocus() method)

TreeCollection

New beforeItemLoad and afterItemLoad events

TreeGrid

The ability to control the process of data filtering (new beforeFilter event)
The ability to configure the datePicker editor of a cell by passing most of properties of DHTMLX Calendar to the columns.editorConfig property
The ability to fix bottom rows and right columns using the corresponding bottomSplit and rightSplit properties (Example)

Updates

Combobox

The addOption() method is updated (new join parameter)

Form

New id parameter is added for Form events: afterHide, afterShow, beforeHide, beforeShow

Form. CheckboxGroup control

Now it is possible to hide/show not only the whole control but also its separate checkboxes:
- new id parameter is added for CheckboxGroup methods: hide() and show()
- new id parameter is added for CheckboxGroup events: afterHide, afterShow, beforeHide, beforeShow
Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate checkboxes:
- new id parameter is added for CheckboxGroup methods: enable(), disable(), isVisible(), isDisabled()

Form. Container control

The value parameter is removed from Container events: afterhide, aftershow, beforehide, beforeshow

Form. RadioGroup control

Now it is possible to hide/show not only the whole control but also its separate radio buttons:
- new id parameter is added for RadioGroup methods: hide() and show()
- new id parameter is added for RadioGroup events: afterHide, afterShow, beforeHide, beforeShow
Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate radio buttons:
- new id parameter is added for RadioGroup methods: enable(), disable(), isVisible(), isDisabled()

Form. Select control

Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate radio buttons:
- new value parameter is added for Select methods: enable(), disable(), isDisabled()

Form. Spacer control

The value parameter is removed from Spacer events: afterhide, aftershow, beforehide, beforeshow

Grid/TreeGrid

The getHeaderFilter() method is updated. Now the method returns an object with a set of methods: blur(), clear(), focus(), getFilter(), setValue(). Check the Migration article
Now the sorting icon will also appear after sorting data via the data.sort() method

Message

The position property of the tooltip is extended by the "left" and "top" values

Version 7.3.14

Released on January 17, 2023

Fixes

Grid. Fix the issue which caused inputFilter/selectFilter to stop working in some browsers
Grid. Fix the issue with automatic adjustment of the column's width for header or footer consisting of several rows
Grid. Fix the issue with calculation of the height for frozen columns in Grid with horizontal and vertical scrollbars
Grid. Fix work of drag-n-drop for columns
Grid. Fix work of the headerSort:false property specified for the header consisting of the spanned rows
Grid. Now it is possible to select several cells/rows when using multiselection together with selection:"complex"
Grid. Now the eventHandlers property works for frozen columns
TreeGrid. Fix the display of selection for spanned cells
TreeGrid. Fix the issue with display of total values in the footer of the exported .csv / .xlsx file
TreeGrid. Fix the issue with editing of spanned cells
TreeGrid. Now it is possible to collapse/expand the content of the first cell of the first column even if it is included into the colspan
Fix issues with AJAX helper

Version 7.3.13

Released on December 14, 2022

Fixes

Grid. Fix the issue with checkbox editors of the column which appeared after double-click on one of the checkboxes
Grid. Fix work of the beforeUnSelect event
Grid. Now you can edit content in the spans of columns/rows via double-click on it
Layout. Fix the issue with resizing of cells for which sizes were not specified. The issue appeared after one of the Layout cells was hidden

Version 7.3.12

Released on November 17, 2022

Fixes

Calendar. Fix the issue with calling the clear() method when two calendars are linked
Gird. Fix the issue with the type: "percent" property of a column
Grid. Fix issues with selectFilter and comboFilter. Now they don't ignore the type and format properties of a column
Grid. Fix the error thrown when exporting data to CSV format
Grid. Now custom tooltip will be also displayed for cells with empty values
Grid. Now it is possible to prevent a custom tooltip from being shown via returning false from the tooltipTemplate function
TreeGrid. Fix the error appeared on initialization of the component when data was defined as TreeGridCollection instance and spans were applied
Window. Fix the issue with overlay positioning for a modal window (z-index is changed)

Version 7.3.11

Released on November 3, 2022

Fixes

DataCollection. Fix work of the save() method which thrown an error in some cases
Form. Combo control. Fix the issue which caused data of the control to be reset after applying the setProperties() method
Grid. Fix the incorrect display of values for options of the combobox
Grid. Fix the issue with the selectFilter of a column which appeared after resizing the column
Grid. Fix the type of data returned by the getSpan() method
Grid. Fix work of the mark property of a column. Now the property doesn't ignore cell spans
Grid. Now it is possible to scroll Grid when a mouse cursor is over frozen columns (rows)
Layout. Fix the issue with resizing of a cell
Toolbar. Input control. Now autocomplete of an input field is disabled by default. To enable it, use the autocomplete property of the control

Version 7.3.10

Released on October 18, 2022

Fixes

Grid. Fix the issue with incorrect defining of the data type when setting the type of a cell as a boolean value
Grid. Fix the issue with selection of cells when clicking on a cell from the frozen part
Layout. Additional container with the "dhx_layout-cell-inner_html" class is added for HTML content
Message. Fix position of the overlay for the confirm message
Window. Fix the issue with incorrect positioning of the active window

Version 7.3.9

Released on September 26, 2022

Fixes

Combobox. Fix work of the addOption() method
Combobox&Combo control of Form. Fix the issue with the setValue() method which caused currently selected options to remain selected after setting new values
Form. Combo control. Fix the issue with validation of the control in the multiselection:true mode
List, DataView, Combobox&Combo control of Form. Fix work with IDs specified as numbers

Version 7.3.8

Released on September 19, 2022

Fixes

Calendar. Fix the issue which appeared when the width property specified as a number was used together with weekNumbers: true
Grid. Fix the behavior of selection with frozen spans
Grid. Fix the incorrect work of the dragItem property when the item's ID was defined as a number
Grid. Fix the issue which caused the resized width of the columns to be reset to the initial values after dragging the columns
Grid. Fix the issue with the getCells() method which returned incorrect results if multiple cells were selected with the Shift key
Layout. Fix the issue with the attachHTML() method
Ribbon. Input control. Fix the behavior of the label which caused focus not to be moved to the input field
Toolbar. Input control. Fix the behavior of the label which caused focus not to be moved to the input field
TreeGrid. Fix the incorrect calculation of the columns and rows displayed on the screen when calling the hideColumn() or hideRow() methods correspondingly

Version 7.3.7

Released on September 5, 2022

Fixes

Grid. Fix the issue with disappearing of the comboFilter of a visible column after you hide any other column
Grid. Fix the issue with display of the comboFilter for frozen columns when scrolling Grid horizontally
Grid. Fix the issue with display of tooltips for columns with checkboxes
Grid. Fix the issue with the canRowDrop event
Grid. Fix the issue with work of key navigation for Grid initialized in a collapsed Layout cell
Ribbon. Fix the issue with the label property of the Input control
Suite. Fix the issue with work of the "promiz" webpack together with ES6 modules
Tabbar. Fix the issue with work of Tabbar in IE11
Toolbar. Fix the issue with the label property of the Datepicker control
Toolbar. Fix the issue with the label property of the Input control
TreeCollection. Fix work of the add and smartFilter properties of the config parameter of the filter() method

Version 7.3.6

Released on August 8, 2022

Fixes

Calendar. Now it is possible to set "saturday" as the starting day of the week
Data. Fix the issue which caused extra requests to be sent to the server when making several changes to one item
Data. Now it is possible to sort data by the value without use of the as attribute of the rule object if some of the values are null | undefined
DataView, List, Tree. Now you can block bubbling of the events specified via the eventHandlers property by using stopPropagation()
Form inside Popup. Fix the issue which caused the Popup to close after clicking on a popup of a Form control
Grid. Fix the issue which caused the eventHandlers template to return an empty row object when the row ID was an integer
Grid. Fix the issue with calculation of the correct number of columns which should be rendered on the screen (in some cases)
Grid. Fix the issue with exporting Grid with the footer to Excel (the value for the footer in the exported file was different from the value in Grid)
Grid. Fixed location of zones for a resize handle. Now it is possible to resize each column under the spanned header
LazyDataProxy. Fix the issue with dynamic data loading which caused a part of the data to be loaded one more time. Now LazyDataProxy will load only the data which hasn't been loaded into the component before
Popup. Fix the issue with display of tooltips for items of a component (for example, Toolbar) which is attached to a popup
Tree with scrollbar. Now the content of the Tree will be auto scrolled if you drag an item of a Tree above or below its body

Version 7.3.5

Released on July 7, 2022

Fixes

Form. Fix the issue with internal paddings of Form elements when using the setProperties() method
Form. Now it is possible to set a new value for the disabled Combobox control via API
Grid. Fix the incorrect work of formatting of numbers in some cases
Grid. Fix the incorrect display of dates when the date format includes milliseconds
Grid. Fix the incorrect work of editing of spanned cells
Grid. Fix the issue which caused "fixed" columns to hide horizontal scrollbar
Grid. Fix the issue which caused sorting icons not to show the correct direction of the future sorting order
Grid. Fix the issue which caused the hidden rows to become visible after filtering of data was reset
Grid. Fix the issue which prevented spans from being stylized via the addCellCss() method
Grid. Now it is possible to reset filtering in the read-only mode of comboFilter by choosing an empty option in the dropdown list
List. Fix the issue which caused focus to set on an item when clicking on it even so selection functionality was disabled via selection:false
TreeGrid. Fix the incorrect work of the getLength() method which returned null instead of "0" for empty TreeGrid in some cases
TreeGrid. Fix the issue which caused the height of the treegrid not to be recalculated after changing the data set
Window. Fix the incorrect display of modal window (it was displayed behind the non-modal one)
Window. Fix the issue with positioning of the window if the values of the width and height were incorrect

Version 7.3.4

Released on June 07, 2022

Fixes

Calendar. Fix the issue with a miscalculation of number of the last week of year
Combobox. Fix the issue with setting values if the widget is disabled
Custom scroll. Fix the issue with custom scrolling on MacOS
Form. Fix the issue with validation of the combo component. The ID is validated instead of value
Form. Fix the issue with sending the html form (if dhx.Form is included into the form tag) when pressing the "enter" key, if any input field is in focus
Form. Fix the issue with activating/displaying the initially hidden control (hidden: true) of the "container" form using the show() method
Form. Fix the issue with including a toolbar into the "container" form (errors in console)
Grid. Fix the issue with selection when adding spans into the grid component
Grid. Fix the issue with reselection of a cell after calling the grid.selection.removeCell() method
Layout. Fix the issue with the initially collapsed cell which includes the min-width and min-height settings. Instead of being collapsed, the cell takes the specified min sizes
Layout. Fix the issue with dynamic resizing a cell when resizing a viewport (in some cases)
Layout. Fix the issue with resizing cells which contain the iframe element
Tree. Fix the issue with dynamic loading of the child elements, if the url for autoloading includes "?"

Version 7.3.3

Released on April 25, 2022

Fixes

Form. Combo control. Fix the issue with re-setting of the same value of the readonly Combo control after the clear() method of Form was called
Form. Fix the issue which caused the getValue() method to return the null value as a string
Grid. Fix the issue with filtering of a big data set which caused the symbols to get lost when typing them into the header filter. Now you have more time for typing symbols into the input filter of Grid
Toolbar. Fix the issue which caused the getState() method not to return the value of a datePicker
Vault and Suite. Fix the conflict appeared between CSS styles of the Vault and Suite scrollbars when including source files of the components to the one page

Version 7.3.2

Released on April 4, 2022

Fixes

Data. Now the ,, ;, " symbols will be wrapped into the quotes when serializing a data set into the CSV format
Form. Text control. Fix the incorrect display of the long value of the Text control
Grid, TreeGrid. Now the Grid and TreeGrid packages includes the ability to localize the "datePicker" and "combobox" column editors
Grid. Fix the issue which caused the empty row/col objects to be returned after calling events for custom templates of Grid columns
Grid. Fix the issue with processing of Date objects when exporting the Grid data into the CSV/Excel format
Grid. Fix the issue with the htmlEnable: true property which didn't take into account the line breaks of the cells content when the autoHeight:false property of Grid was applied

Version 7.3.1

Released on March 17, 2022

Fixes

Data. Fix the issue with serialization of data into CSV format which caused the incorrect structure of the output data if the initial data set contained a comma (",") in a value
DataCollection. Fix the issue with the save() method of DataCollection which sent multiple requests (when making multiple changes) to server instead one
Form. Fix the incorrect work of the destruct() method when calling it from the change event
Grid. Fix the issue which caused a selected item still to remain selected after it was removed from the data collection
Grid. Fix the issue with applying the adjust property of Grid after the data reloading
Grid. Fix the script error thrown after removing all selected options from the "multiselect" editor of a cell
Grid. Pagination. Fix the issue which caused pagination not to work when using lazy loading of Grid data
List. Pagination. Fix the issue which caused pagination not to work when using lazy loading of List data

Version 7.3

Released on January 19, 2022

Review of release on the blog

New functionality

Chart

New Treemap chart
The ability to arrange legend items vertically or horizontally via the direction property of the legend

Combobox

The ability to disable rendering of HTML content in Combobox options via the htmlEnable property
The ability to allow users to add new items into the list of options from UI via the newOptions property
New addOption() method
New "createItem" locale option added

Form. Combo control

The ability to allow users to add new values into the list of combobox options from UI via the newOptions property
The ability to add a new item into the Combo control via the addOption() method of Combobox: form.getItem("combo").getWidget().addOption("new_value");

Grid

The ability to add custom logic to the header/footer filters of the column via the customFilter attribute
The ability to allow users to add new values into the list of options from UI via the newOptions attribute of the editorConfig property of a column

List

The ability to disable rendering of HTML content in List options via the htmlEnable property

Message

The ability to disable displaying HTML content in the Alert box, Confirm box, and Tooltip via the htmlEnable property

Tabbar

New beforeChange event

TreeGrid

The ability to add custom logic to the header/footer filters of the column via the customFilter attribute
The ability to allow users to add new items into the list of options from UI via the newOptions attribute of the editorConfig property of a column

Fixes

Chart. Fix the incorrect display of Radar chart if the values in the data set are the same
Chart. Fix the issue with displaying an empty tooltip in Line chart
Chart. Fix the issue with the type of the value property in a data set
Custom Scroll. Fix the incorrect position of scroll after scrolling the grid attached to the tabbar and changing the tabs
Form. Fix the issue with enabling the disabled RadioGroup control
Form. Fix the issue with the Textarea control. Now the required property doesn't take value: null as a valid
Form. Input control. Fix the issue with display of excess whitespace in the output value of the Input event
Grid, Pagination. Fix the incorrect work of Pagination if the first column of the grid is hidden
Grid. Fix the incorrect display of actual values specified in the "select", "combobox", or "multiselect" editor when opening the editor
Grid. Fix the incorrect loading of string values from XML file
Grid. Fix the incorrect work of selectFilter with boolean values
Grid. Fix the issue that caused the adjust property to ignore the template specified for a column
Grid. Fix the issue which caused key navigation to stop working in Grid attached into Tabbar which is attached into Window
Grid. Fix the issue which caused autoWidth not to work if the width wasn't specified for only one of the grid columns
Grid. Fix the issue with number formatting which caused minus numbers from -1 to 0 to be displayed like positive numbers
Grid. Fix the issue with drag-and-drop of the first row
Grid. Fix the issue with the canRowDrop event
Layout. Fix the issue which caused the cells without the height/width specified initially cannot be reverted to the original state after they've been resized and collapsed several times
Layout. Fix the issue with collapsing and resizing a cell after it has been resized
LazyDataProxy in Grid. Fix the issue with the loadError event
Menu. ContextMenu. Fix the issue with the self-generated "–context-menu" postfix for the name of the custom CSS class
Menu. Fix the issue which caused the menu to close after hovering over the first item which is disabled
Ribbon. Fix the issue with calculation of the widget's height when some items are hidden
Toolbar. Datepicker control. Fix the issue which caused the same date to be shown in different Datepickers (two or more)
Toolbar. SelectButton control. Fix the issue that caused an icon of the selected value not being displayed initially or after applying the setState() method
TreeGrid. Fix the incorrect work of filtering when multiselection is enabled for comboFilter and multiple options are selected
TreeGrid. Fix the issue with exporting a grouped treegrid to CSV
TreeGrid. Fix the issue with render of data items when they are parsed in reverse order

Version 7.2.5

Released on October 28, 2021

Fixes

Form. Timepicker control. Fix the issue with setting the time in the timepicker using the keyboard
Grid, TreeGrid. Now the value of the option will be displayed both in the editor and a cell if the options of the "combobox" and "select" editors are set as an array of objects with the id-value combinations
Grid, TreeGrid. Now the width of the column is calculated depending on the following properties: minWidth/ maxWidth, adjust, and autoWidth
Grid, TreeGrid. Now there is the ability to set the options of the "select" editor of a cell as an array of objects with the id-value combinations
Grid. Fix the issue which caused the method of dragging a column to be called after clicking the in-header filter of a column (in Firefox only)
Grid. Fix the issue with incorrect calculation of the height of the grid header when the autoHeight property is enabled
Grid. Fix the issue with key navigation when working with several grids
Grid. Fix the issue with the autoWidth property which caused the minimal width of the column not being taken into account when calculating the column's width
Grid. TreeGrid. Fix the issue which caused data of the treegrid to be changed after filtering and dragging a column/row

Version 7.2.4

Released on October 13, 2021

Fixes

DataCollection. Now the save() method of DataCollection sends PUT request to the backend after adding new data to the component, and POST one after editing the data
Form. Combo control. Fix the issue which caused errors to appear in the console after calling the setProperties() method of the control
Form. Fix the issue which caused the send() method to accept only one success HTTP status code which is 200. Now the method can accept other 2xx codes.
Form. TimePicker control. Fix the issue which caused the value of the control not being updated after the value is selected in the timepicker when working in Firefox
Grid. Fix issues with touch events for the in-header filters of the Grid columns
Grid. Fix the incorrect work of key navigation in the components when they are attached into the grid which is attached into a layout cell
Grid. Fix the issue which caused key navigation to be broken after the setColumns() method is called in the grid with empty columns
Grid. Fix the issue which caused the width of the columns not being updated when using the setColumns() method
Grid. Fix the issue with filtering the grid via the combo filter when the autoEmptyRow configuration property of Grid is set to true
TreeGrid. Fix the incorrect display of an icon of a treegrid row after adding a child row and then deleting it. Now the $items property of the TreeGridCollection object is updated after deleting all child items.

Version 7.2.3

Released on September 27, 2021

Fixes

Chart. Fix the issue which caused the labels to overlap each other in Donut, Pie, Pie3D charts when subType:"basic" option is set
Chart. Fix the issue which caused the long content of the legend to go beyond the chart container
Combobox. Fix the incorrect work of the combobox which caused the selected values to be cleared after deleting options in the input when the multiselection property is enabled
Grid, TreeGrid. Fix the issue with editing empty cells
Grid. Fix the incorrect calculation of the line height for the multiline content of cells if the htmlEnable property of the column is enabled
Grid. Fix the incorrect work of key navigation after editing cells with the "combobox" and "multiselect" editor types
Grid. Fix the issue which caused key navigation to stop working after initializing the second grid. Now it is possible to set focus to the grid using grid.selection.setCell()
Grid. Now the content of the grid is filtered strictly by the values selected in the combo filter
Toolbar. Fix the issue with render of data when recreating the toolbar after removing it via the destructor() method

Version 7.2.2

Released on September 13, 2021

Fixes

Grid. Fix the issue with the render of the grid, which is placed into the tabbar, after applying the setColumns() method of Grid and switching between the tabs of the tabbar
Layout. Fix the script error thrown when trying to resize a cell when the next cell is hidden
List. Fix the issue which caused new items not to be added into an empty data collection after applying the filter() method to the data collection
TreeGrid. Fix the issue with selection of the child rows and its cells

Version 7.2.1

Released on August 26, 2021

Fixes

Calendar. Fix the issue which caused sending of the form after clicking the buttons of the calendar if the calendar is placed into the HTML form
Combobox. Fix the issue with the Change event which caused the event to fire twice after selecting a new option
Form. Textarea control. Fix the issue which caused the text cursor not to move to a new line after pressing "Enter"
Grid. Fix the incorrect work of selection after filtering the grid
Grid. Fix the issue which caused the parent container for Grid, which is attached to the layout, to reset when calling the setColumns() method after initialization of Grid
Grid. Fix the issue with filtering the content of the grid when multiple options are chosen in the combo filter
Grid. Fix the issue with resizing of the columns if the in-header filters are specified for the columns
Grid. Fix the script error thrown after scrolling the grid horizontally several times
Layout. Fix the issue with the collapse() method of a layout cell
List. Fix the issue which caused the list not to be scrolled to the item selected via the setFocus() method
TreeGrid. Now it is possible to filter the content of the treegrid by multiple header filters

Version 7.2

Released on August 4, 2021

Review of release on the blog

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

New functionality

Combobox

New blur() method is added
New events are added: blur, focus, keydown, beforeOpen, afterOpen

Form

New Container control to attach HTML code or the DHTMLX widgets is added (Pro version)
New blur() method is added
New events are added: blur, focus, keydown

Form controls

New "blur()" method of Form controls: Button, DatePicker, Checkbox, CheckboxGroup, ColorPicker, Combo, Input, RadioGroup, Select, Slider, Textarea, TimePicker
New "focus()" method of Form controls: Button, Slider
New "blur" event of Form controls: Button, DatePicker, Checkbox, CheckboxGroup, ColorPicker, Combo, Input, RadioGroup, Select, Slider, Textarea, TimePicker
New "focus" event of Form controls: Button, DatePicker, Checkbox, CheckboxGroup, ColorPicker, Combo, Input, RadioGroup, Select, Slider, Textarea, TimePicker
New "keydown" event of Form controls: Button, DatePicker, Checkbox, CheckboxGroup, ColorPicker, Combo, Input, RadioGroup, Select, Slider, Textarea, TimePicker

Grid

New multiselect editor is added
The ability to choose several options in comboFilter at once via setting multiselection:true property of comboFilter
The ability to show different values in the grid cell and in the combo editor by setting "id-value" combinations for each option of the combo editor
The ability to specify the type to sort data as via the sortAs attribute of the header configuration property of a Grid column
The ability to enable/disable sorting by clicking the header via the headerSort attribute of the header configuration property of a Grid column

Slider

New methods are added: blur() , focus()
New events are added: blur, focus, keydown

New Datepicker control is added
The inputChange event is added

Tree

The ability to specify a template for Tree items
The ability to add event handlers to the HTML elements of a custom template
The ability to set the height of an item

Treegrid

New multiselect editor is added
The ability to choose several options in comboFilter at once via setting multiselection:true property of comboFilter
The ability to show different values in the grid cell and in the combobox editor by setting "id-value" combinations for each option of the combobox editor
The ability to specify the type to sort data as via the sortAs attribute of the header configuration property of a TreeGrid column
The ability to enable/disable sorting by clicking the header via the headerSort attribute of the header configuration property of a TreeGrid column

Helpers

Custom scroll to replace the standard browser scrollbar is added (Pro version)

Updates

DataCollection. The save() method of DataCollection is updated. Now the method sends either POST, or PUT, or DELETE requests to the backend.
Grid, TreeGrid. The "row" and "both" values of the dragItem configuration property are added.
Tree. Now it is possible to edit multiline content of a Tree item after setting editable:true configuration option of Tree

Fixes

Grid. Fix the issue with the update of options in the combo filter after adding a new item into the data collection
Grid. Fix the issue with loading data into Grid using lazyDataProxy
Grid. Fix the issue with entering text in the combobox editor of a Grid cell
Menu. Fix the issue which caused the context menu not to close after clicking outside the menu if navigationType: "click" property is specified

Version 7.1.10

Released on July 20, 2021

Fixes

Chart. Fix the default paddings between the chart and its container
Chart. Fix the incorrect display of "stroke" for Pie, Pie3D
Chart. Now the "valueOnly" subtype of a chart is available not only for Donut chart but also for Pie and Pie3D ones
Chart. The display of the "basic", "valueOnly", "percentOnly" subtypes of a chart is unified
Form. Combo control. Fix the issue which caused sending of - Form after an item of Combobox is selected by pressing the Enter key
Form. Fix the issue which caused the value in Form not to be cleared after clearing the value in the Datepicker control
Grid, TreeGrid. Fix the script error thrown when setting the "adjust: true" configuration option of Grid and using columns with the combo filter
Grid. Fix the incorrect work of the "beforeEditEnd" event when returning false
Grid. Fix the incorrect work of the "editable:false" configuration option of the column when the checkbox editor is set for the column
Grid. Fix the issue which caused the filter in the source grid not being reset after dragging the row into the target grid
Grid. Fix the issue which caused the parent container for Grid, which is attached to the layout, to reset when calling the "setColumns()" method after initialization of Grid
Grid. Fix the issue with editing of the checkboxes by using the Space key
Grid. Fix the issue with formatting of the fractional numbers
Grid. Fix the issue with ignoring the "filter" and "template" configuration properties of comboFilter
Grid. Fix the issue with incorrect calculation of the footer of the frozen columns
Layout. Fix the issue which caused the "сlick" event of DataView to be called after clicking the empty area in the dataview attached to the Layout cell
Pagination. Fix the script error thrown after clicking on the "next" button
Sidebar. Fix the issue with the display of the tooltip when the sidebar is attached to the modal window
Tabbar. Fix the issue which caused the "change" event to be called when clicking the currently active tab in the tabbar
Tree. Fix the issue which caused custom CSS classes not being applied to the nested items (non-folders)
TreeCollection. Fix the issue that caused the "beforeAdd" event not to be called after adding new items into TreeCollection
TreeGrid. Fix the incorrect display of data when entering the value, which doesn't exist in the data set, into the header cell with the input filter
TreeGrid. Fix the issues with the top and bottom borders of the footer cells of the frozen columns

Version 7.1.9

Released on June 24, 2021

Fixes

A helper error now will be thrown in the console for the id of the new item if such id already exists in the dataset
Calendar. Fix the incorrect display of the date after changing the time zone
Chart. Fix the incorrect work of tooltips when the chart is attached to the window
Combobox. Fix the issue with the scroll position in the list of options when the "readOnly" mode is enabled
Grid, TreeGrid. Fix the issue with alignment of data in the header of the column
Grid. Fix the incorrect work of key navigation
Grid. Fix the issue that caused the column to drop at the end of the grid after the column is dragged and then dropped back to its own place
Grid. Fix the issue that caused the filtering of Grid to reset after applying key navigation
Grid. Fix the issue that caused the filtering of the column to reset after the data reloading
Grid. Fix the issue with drag-and-drop of rows that caused the editor for the columns that are absent in the target grid to stop opening
Grid. Fix the issue with dragging the column when the "rowspan" attribute is set for its header
Grid. Fix the issue with filtering of the columns when combo/select filters are specified for their content
Grid. Fix the issue with the alignment of the content of the column header when the "colspan" attribute is set for the header
Grid. Fix the issue with the display of Grid if it is attached to Layout and the "setColumns()" method is called after initialization of the grid
Grid. Fix the issue with the display of the borders of the header colspan
Grid. Fix the issue with the height of the footer
Grid. Fix the issue with the type of the "source" attribute of the "data" parameter in the "afterColumnDrag" and "afterColumnDrop" events. Now the type of the attribute is an array.
Grid. Fix the script error thrown in the console after drag-and-drop of rows from one grid to another if the grids are placed in the Layout cells
Grid. Fix the script error thrown in the console after drag-and-drop of rows from one grid to another if the grids are placed in the window
Layout. The size of the space between cells is changed from 10 to 12 pixels (for type:"space"|"wide")
Tabbar. Fix the issue with scrolling a large number of tabs
TreeGrid. Fix the issue with dragging the rows in the grouped treegrid
TreeGrid. Fix the incorrect work of selection after a tree node is collapsed

Version 7.1.8

Released on June 10, 2021

Fixes

Calendar. Fix the issue that caused the previously selected date to remain highlighted with the grey circle after selecting some other date
Calendar. Fix the script error that appeared when two calendars are linked and the "destructor()" method is called
Chart. Fix the issue with the "log" configuration option of the chart scales
Data Collection. Fix the issue with the "update()" method
Form. Fix the issue with the height: "content" configuration option of the Textarea control
Grid. Fix the display of the hidden rows on data loading
Grid. Fix the issue with drag-and-drop of rows that caused the editor for the columns that are absent in the target grid to stop opening
Grid. Fix the issue with the alignment of the header of the column when sortable: false is specified in the configuration of the column
Grid. Fix the script error thrown after editing of the column with type: "date"
Grid. Fix the script error thrown when a column with the filter is set via the "setColumns()" method and no data are loaded into the grid on initialization
Grid. Fix the script error thrown when the "getHeaderFilter()" method is called for the column that is created through the "setColumns()" method
Sidebar. Fix the issue with the display of nested items of the Sidebar controls
Tree. Fix the issue with opening of the selected folder using key navigation when using the "autoload" configuration property of Tree

Version 7.1.7

Released on May 17, 2021

Fixes

Grid. Fix the issue with the "adjust" and "maxWidth" properties
Menu. Fix the issue with the ability to block the context menu from being hidden via returning false to the "beforeHide" event
TreeGrid. Fix the issue that caused an item to disappear after dragging and dropping it under the container
TreeGrid. Fix the issue with selection when some of items are collapsed in TreeGrid
Window. Fix the issue with showing of the context menu which is attached to the window
Data Collection. Fix the error fired after an item with the already existing id is added to the component via the "add()" method of the data collection
Tree Collection. Fix the issue with the "filter()" method

Version 7.1.6

Released on May 5, 2021

Fixes

DataView, List. Fix the issue with removing of items
Grid. Fix the issue that caused filtering to reset after the data are reloaded
Grid. Fix the issue with dynamic showing of a hidden column when the "autoWidth" configuration property of Grid is enabled
Grid. Fix the issue with number formatting
TreeGrid. Fix the issue with adding of nested items to the treegrid
TreeGrid. Fix the issue with drag-n-drop of rows
Tree Collection. Fix the issue with the "copy" and "move" methods

Version 7.1.5

Released on April 22, 2021

Fixes

Calendar, Colorpicker, Combobox, Dataview, Form, Layout, List, Tabbar, Timepicker, Window. Fix the "destructor()" method
Combobox. Fix the behavior of the css configuration option
Tabbar. The recalculation function of the width of the tabs is optimized

Version 7.1.4

Released on April 16, 2021

Fixes

Chart. Fix the issue with display of chart tooltips when Chart is attached to Window
ComboBox. Fix the issue with filtering
Grid. Fix the issue with display of HTML content in the header of Grid
Grid. Fix the issue with applying of custom css styles to the header of a column when the "colspan" attribute is set to the header
Grid. The adjust and autoHeight configuration properties now should adjust the sizes of cells with account of HTML content and template applied to cells
Grid. Fix the incorrect work of drag-n-drop in Grid when the grid is attached to Window
Grid. Fix the issue with applying of custom css styles to the footer of the grid
LazyDataProxy in Grid. Fix the error occurred when returning false from the 'beforeLazyLoad" event handler
Window. Fix the issue with display of tooltips of Grid cells behind the window when Grid is attached to Window

Version 7.1.3

Released on April 12, 2021

Fixes

Form. Fix the behavior of DatePicker control when adding a timepicker into the control
Calendar. Fix the issue with the dateFormat property that caused AM/PM to be ignored
Chart. Fix the issue with the serieClick event in the Bar chart
ComboBox. Fix the issue with filtering
Form. Fix the incorrect work of the popup control that is located at the bottom of the page and is shown at the top relative to the input when opening
Grid. The adjust and autoHeight configuration properties now should adjust the sizes of cells with account of HTML content and template added to cells
Grid. Fix the issue with editing of the value after its filtering
Grid. Fix the issue with filters in the header rowspans
Grid. Fix the issue with the border of the footer colspan
Grid. Fix the issue that caused the header to disappear after scrolling the grid with the frozen columns on Safari
Grid. Fix the issue with sorting
Grid. Fix the issue that caused no line break to appear between the header and the first data row after exporting data to the CSV file
Grid. Fix the issue with applying of the styles to the grid footer
Grid. Fix the issue that caused extra footer rows to appear in the frozen part of the grid when the grid has several header rows
Grid. Fix the script error appeared when either data: null or data: undefined property is set in the configuration of Grid
Grid. Fix the issue with incorrect overflow of the text in the header of Grid
Grid, TreeGrid. Fix the issue with the column width
Layout. Fix the issue with the sizes of Layout when placing it inside the window
Menu. Fix the issue with display of menu items when placing the menu inside the window
Message. Fix the issue with display of the content of the alert box on touch devices
Slider. Fix the issue with key navigation
TreeGrid. Fix the issue with incorrect serialization of data
Tree Collection. Fix the issue with the "mapRange()" method

Version 7.1.2

Released on March 9, 2021

Fixes

Chart. Fix the issue with display of the maximal value
Donut Chart. Fix the issue with the "stroke" property
DataDrivers. Fix the issue with serialization of Grid data when the data are serialized with the header
DataView. Fix the script error thrown either when the user drags an item after its editing or when the user highlights the text of the item
Form. Fix the different behavior of margins between the label and input on Safari and Chrome
Grid. Fix the incorrect work of the keyboard navigation in Grid when placing it inside the HTML form
Grid. Fix the issue with drag-n-drop of Grid columns when using several grids
Grid. Fix the issue with row selection
Grid. Fix the issue with keyboard navigation in Grid when initializing the grid in the cell of Layout that is hidden and then shown
Grid. Fix the issue with the getHeaderFilter() method
Grid. Fix the issue that caused the popup of the select filter to disappear after scrolling the page
Grid. Fix the issue with filtering data in the header of Grid on Safari
Grid. Fix the issue with the autoWidth configuration option of a Grid column that caused the column not to shrink after its extending
Grid/TreeGrid. Fix the issue with hiding columns when the "autoWidth" configuration option is used
Layout. Fix the issue that caused an active focus not to be removed from the cell after its collapsing/expanding
Menu. Fix the incorrect display of the menu items when placing the menu inside the window
Menu. Fix the issue with the outline focus
Menu. Fix the issue with positioning of the popup after clicking an item with nested controls
Tabbar. Fix the issue with Tabbar when placing it inside the HTML form
TimePicker. The default height is reduced from 322px to 275px
Tree. Fix the issue that caused the expand/collapse events not to trigger on expanding/collapsing the Tree item first time when autoload is used

Version 7.1.1

Released on February 23, 2021

Fixes

Grid. Fix the issue with tooltips on 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

Review of release on the blog

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

New functionality

Grid

The ability to display and edit multiline content in the cells of Grid via setting the autoHeight: true configuration option of Grid (Pro version)
New textarea editor is added
The ability to set the format the content of the cells to be displayed in
Now columns with dates support the Date() object
The ability to customize the tooltip of a column via the tooltipTemplate configuration option of a Grid column
The ability to define the height for a separate row of Grid
New events are added: beforeRowResize and afterRowResize (Pro version)
New events are added: beforeSort and afterSort

Tree

New events: beforeCheck and afterCheck

TreeGrid

The ability to display and edit multiline content in the cells of TreeGrid via setting the autoHeight: true configuration option of TreeGrid
New textarea editor is added
The ability to set the format the content of the cells to be displayed in
Now columns with dates support the Date() object
The ability to customize the tooltip of a column via the tooltipTemplate configuration option of a TreeGrid column
The ability to define the height for a separate row of TreeGrid
New events are added: beforeRowResize and afterRowResize, beforeSort and afterSort
The ability to define the id of the parent root via the rootParent configuration option of TreeGrid

Window

New methods are added: unsetFullScreen() and isFullScreen()

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

Review of release on the blog

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

The new Pagination widget is added (Pro version)
Suite with Node.js demo is added
CSS templates for Suite widgets
Layout. The configuration has become simpler, more concise and clearer. New type: "line", "space", "wide", "none" allows creating Layout of the desired view.
Tabbar. The ability to automatically distribute tabs evenly by the width of the container. The ability to align tabs inside the container. Now, instead of the scrollbar the neat arrows automatically appear to navigate to tabs when the container overflows.
Grid and TreeGrid. The ability to hide and show rows.
The ability to interact with the widgets of Suite on touch devices by gestures
Significantly expanded list of drag-n-drop events in widgets. See details below.
Form. Lots of important and useful changes. See details below.

Full list of changes

Combobox

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

DataView

The ability to add event handlers to custom templates of DataView items via the eventHandlers property
New drag-n-drop events: afterDrag, afterDrop, beforeDrag, beforeDrop, cancelDrop, canDrop, dragIn, dragOut, dragStart
The ability to enable/disable selection of items in DataView via the related enable()/ disable() methods of the selection object
The ability to use the simplified versions of the afterSelect, afterUnSelect, beforeSelect, beforeUnSelect events of Selection object
The ability to select all DataView items at once by using "Ctrl+A" combination

Form

The ability to set focus to a Form control by its id via the setFocus() method
The new getProperties() and setProperties() methods
The new beforeChangeProperties and afterChangeProperties events
The new afterValidate and beforeValidate events
The new click event

Form controls

New Form controls: CheckboxGroup and Spacer
New "focus()" method of Form controls: DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, Textarea, TimePicker
The new "getProperties()" and "setProperties()" methods are added for Form controls: Button, DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, SimpleVault, Slider, Text, Textarea, TimePicker
The Event Systems are added for Form controls: Button, DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, Slider, Text, Textarea, TimePicker
SimpleVault control. New events: AfterHide, AfterShow, AfterValidate, BeforeHide, BeforeShow, BeforeValidate, Change
Checkbox control. The isChecked() method and the "text" property are added
Input control. The new "minlength", "min", "max" attributes are added
Input control. The validations for minimal/maximal values and for number of characters allowed in the input are added
RadioGroup control. The ability to define the initial value via the "value" attribute
RadioGroup control. The "padding", "label", "labelWidth", "labelPosition", "hiddenLabel", "helpMessage" attributes are added
Radio button of the RadioGroup control. The "text", "padding", "hidden" configuration properties are added
Select control. The ability to make an option of the control disabled via the "disabled" attribute of the "option" property
Text control. The "inputType" attribute is added
Textarea control. The "maxlength", "minlength" attributes are added
Textarea control. The validation for number of characters allowed in the textarea field is added
TimePicker control. The "valueFormat" attribute is added

Grid

The ability to add event handlers to the custom template of a Grid cell via the eventHandlers property of Grid
New drag-n-drop events of Grid columns: afterColumnDrag, afterColumnDrop, canColumnDrop, cancelColumnDrop, dragColumnIn, dragColumnOut, dragColumnStart
New events of Grid columns: beforeColumnHide, afterColumnHide, beforeColumnShow, afterColumnShow
New drag-n-drop events of Grid rows: afterRowDrag, afterRowDrop, beforeRowDrag, beforeRowDrop, canRowDrop, cancelRowDrop, dragRowIn, dragRowOut, dragRowStart
New events of Grid rows: beforeRowHide, afterRowHide, beforeRowShow, afterRowShow
The ability to hide and show a row of Grid via the corresponding hideRow() and showRow() methods of Grid
The ability to check whether a row of Grid is hidden via the isRowHidden() method of Grid
The ability to get an object of the header filter by column id using the getHeaderFilter() method of Grid
The ability to enable/disable selection of cells in Grid via the related enable()/ disable() methods of the Selection object of Grid
The ability to remove selection from previously selected cells via the removeCell() method of the Selection object of Grid
New events of the Selection object of Grid: afterSelect, afterUnSelect, beforeSelect, beforeUnSelect

Layout

New properties of a layout cell: maxHeight, maxWidth, minHeight, minWidth
The ability to specify borders between cells via the type configuration option of a Layout cell

List

The ability to add event handlers to custom templates of List items via the eventHandlers property
New drag-n-drop events of List: afterDrag, afterDrop, beforeDrag, beforeDrop, cancelDrop, canDrop, dragIn, dragOut, dragStart
The ability to enable/disable selection of items in List via the related enable()/ disable() methods of the Selection object
The ability to use the simplified versions of the afterSelect, afterUnSelect, beforeSelect, beforeUnSelect events of Selection object
The ability to select all List items at once by using "Ctrl+A" combination

New methods of Menu: select(), unselect(), getSelected(), isSelected()

Ribbon

New methods of Ribbon: select(), unselect(), getSelected(), isSelected()

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

The ability to set the initial time value for Timepicker via the value configuration property
The ability to define the format of the value to be applied when working with TimePicker events
New events of TimePicker: afterApply, beforeApply

New methods of Toolbar: select(), unselect(), getSelected(), isSelected()

Tree

New drag-n-drop events of Tree: afterDrag, afterDrop, beforeDrag, beforeDrop, cancelDrop, canDrop, dragIn, dragOut, dragStart
New editing-related events of Tree: afterEditEnd, afterEditStart, beforeEditEnd, beforeEditStart
The focusChange event is added
The ability to enable/disable selection of items in Tree via the related enable()/ disable() methods of the Selection object
The ability to enable selection of Tree items via the selection configuration property of Tree
The ability to use the simplified versions of the afterSelect, afterUnSelect, beforeSelect, beforeUnSelect events of the Selection object
The ability to set the id for the root element via the rootId configuration property of Tree

TreeGrid

The ability to add event handlers to the custom template of a Grid cell via the eventHandlers property of TreeGrid
New drag-n-drop events of TreeGrid columns: afterColumnDrag, afterColumnDrop, canColumnDrop, cancelColumnDrop, dragColumnIn, dragColumnOut, dragColumnStart
New events of TreeGrid columns: beforeColumnHide, afterColumnHide, beforeColumnShow, afterColumnShow
New drag-n-drop events of TreeGrid rows: afterRowDrag, afterRowDrop, beforeRowDrag, beforeRowDrop, canRowDrop, cancelRowDrop, dragRowIn, dragRowOut, dragRowStart
New events of TreeGrid rows: beforeRowHide, afterRowHide, beforeRowShow, afterRowShow
The ability to hide and show a row of TreeGrid via the corresponding hideRow() and showRow() methods of TreeGrid
The ability to check whether a row of TreeGrid is hidden via the isRowHidden() method of TreeGrid
The ability to get an object of the header filter by column id using the getHeaderFilter() method of TreeGrid
The ability to enable/disable selection of cells in TreeGrid via the related enable()/ disable() methods of the Selection object of TreeGrid
The ability to remove selection from previously selected cells via the removeCell() method of the Selection object of TreeGrid
New events of the Selection object of TreeGrid: afterSelect, afterUnSelect, beforeSelect, beforeUnSelect

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

Fix the incorrect work of the afterEditEnd, afterEditStart, beforeEditEnd, beforeEditStart events for cells with the checkbox editor type in Grid
Fix the issue with rendering a tooltip on hovering over the slider thumb when the slider is attached both to a Layout and a Window at the same time
Fix the issue with a tooltip added to a Title control of Toolbar which caused a tooltip not to be shown
Fix the issue with drag and drop of Grid columns with selectFilter filled

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

TypeScript support for all components
Suite with Angular demo is added

Grid

The ability to drag and drop columns in Grid using the dragItem configuration property of Grid, or via the draggable configuration option of a Grid column (Pro)
New beforeColumnDrag and beforeColumnDrop events are added (Pro)
The ability to align data in a column as well as in the header of a column
The ability to show/hide tooltips while hovering over the content of a column via the tooltip configuration property

TreeGrid

The ability to drag and drop columns in TreeGrid via the dragItem configuration property of TreeGrid, or via the draggable configuration option of a TreeGrid column
New beforeColumnDrag and beforeColumnDrop events are added
The ability to group data in TreeGrid using the groupBy() method
The possibility to set a template to the title of the group via the groupTitleTemplate configuration option of TreeGrid
The ability to align data in a column as well as in the header of a column
The ability to show/hide tooltips while hovering over the content of a column via the tooltip configuration property

DataView

The ability to disable selection of items in DataView via the selection configuration property
The ability to enable/disable selection of DataView items via the corresponding enableSelection and disableSelection methods

List

The possibility to disable selection of items in List via the selection configuration property
The ability to enable/disable selection of List items via the corresponding enableSelection and disableSelection methods

Form

New methods of the Select control of Form are added: getOptions(), setOptions()
The ability to make Form hidden
The ability to make a Form control (Button, DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, SimpleVault, Slider, Text, Textarea, TimePicker) hidden via the hidden configuration attribute of the control
New methods of Form are added: hide(), show(), isVisible()
The afterHide, afterShow, beforeHide, beforeShow events are added
The ability to hide/show Form controls (Button, DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, SimpleVault, Slider, Text, Textarea, TimePicker) via the corresponding hide()/show() methods of the controls
New methods of the SimpleVault control of Form are added: selectFile(), send(), setValue()

New methods of Sidebar are added: select(), unselect(), isSelected(), getSelected()

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

Suite with React demo is added

Calendar

The ability to clear the value set in the calendar using the clear() method

Chart

The serieClick event is added
The ability to rotate labels of data items on the scale using the scaleRotate property in the configuration of the scale
The ability to rotate text values of data items in Bar and X-Bar chart via the showTextRotate property in the configuration of the series

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

The possibility to check whether a combobox is disabled on the page using the isDisabled() method
The beforeClose and afterClose events are added
The ability to specify an array of data objects before initialization via the data configuration property
The possibility to define the position of a label of a combobox using the labelPosition property

Dataview

The itemMouseOver event is added

Form

The ability to check whether a form or a form control is disabled on the page via the isDisabled() method
The possibility to disable a form on a page using the disable() method
The possibility to enable a form on a page using the enable() method
The possibility to make a form disabled using the disabled property
The ability to use methods for Button, DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, SimpleVault, Slider, Text, Textarea, TimePicker Form controls: disable(), enable(), isDisabled()
The possibility to specify the maximum number of characters allowed in the input via the maxlength attribute of the Input Form control
The ability to set the format of the value that will be returned while getting the current value of DatePicker control using the valueFormat property
The ability to define the position of a label for Button, DatePicker, Checkbox, ColorPicker, Combo, Input, RadioGroup, Select, SimpleVault, Slider, Text, Textarea, TimePicker Form controls using the labelPosition attribute
The possibility to specify the url attribute to which form data will be sent to for Button Form control
The forEach() method is added

Grid

The ability to adjust the size of Grid columns to the size of Grid via the autoWidth configuration property
The possibility to adjust the width of columns to the width of their content automatically using the adjust configuration option
The ability to select multiple rows or cells of Grid using the multiselection property
The possibility to set selection to multiple cells/rows of Grid via the setCell() method of the selection object
New additional arrow keyboard shortcuts are added to Keyboard navigation
The ability to sort content of any Grid column by clicking on its header via the sortable property
The getSortingState() method that allows getting the current state of sorting data in Grid is added
The possibility to check visibility of a column via the isColumnHidden() method
The ability to enable dynamic loading of data in Grid
The afterKeyDown and beforeKeyDown events are added

Layout

The afterExpand and beforeExpand events are added
The ability to collapse/expand a specified cell using the corresponding collapse() and expand() methods
The toggle() method is added
The forEach() method is added
The ability to set the height for a cell of a layout with a header via the headerHeight configuration property of a cell

List

The itemMouseOver event is added
The ability to enable dynamic loading of data in List

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

The beforeCollapse, afterCollapse, beforeExpand, afterExpand events are added
The possibility to expand/collapse a sidebar using the corresponding expand() and collapse() methods

Slider

The possibility to check if a slider is disabled via the isDisabled() method
The possibility to define the position of a label of a slider using the labelPosition property

Tabbar

The possibility to equip each Tabbar tab with a close button using the closable property
The beforeClose and afterClose events are added
The ability to make a tab or several tabs disabled using the disabled property
The ability to disable/enable a tab on a page via the corresponding disableTab() and enableTab() methods

TimePicker

The ability to clear the value set in the timepicker using the clear() method
The beforeClose and afterClose events are added

Tree

The afterCollapse, afterExpand, beforeCollapse, beforeExpand events are added
The ability to set the icon property in the configuration of a tree item to render a tree item as a custom folder

TreeGrid

The ability to check visibility of a column via the isColumnHidden() method
The afterCollapse, beforeCollapse, afterExpand, beforeExpand events are added
The possibility to adjust the size of TreeGrid columns to the size of TreeGrid via the autoWidth configuration property
The ability to adjust the width of columns to the width of their content automatically with the help of the adjust property
The ability to sort content of any TreeGrid column by clicking on its header using the sortable property
The getSortingState() method that allows getting the current state of sorting data in TreeGrid is added

Window

The possibility to place a window into a custom container using the node property

Helpers

The possibility to load data dynamically using the LazyDataProxy helper

Data Collection

The forEach() method is added
The changeId() method is added
The ability to check whether the specified data range is loaded from the server using the isDataLoaded() method
The beforeLazyLoad and afterLazyLoad events are added

Tree Collection

The forEach() method is added

Updates

Now the multiselection configuration property allows setting the mode of multiselection in Dataview
Now the multiselection property allows setting the mode of multiselection in List
The getValue method of DatePicker Form control

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

The ability to get the current mode of displaying Calendar via the getCurrentMode() method
New cancelClick, modeChange, monthSelected, yearSelected events are added

Chart

The ability to specify templates for showing values of data items in Bar, X-Bar, Pie and Pie 3D charts using the showTextTemplate property

Grid

Keyboard navigation
The possibility to finish editing of a cell via the editEnd() method
The ability to add custom elements into Grid cells using the htmlEnable property

TreeGrid

The collapse(), collapseAll(), expand(), expandAll() methods are added
The ability to add custom elements into TreeGrid cells using the htmlEnable property

Menu/Ribbon/SideBar/Toolbar

The ability to add custom HTML items into Menu, Ribbon, Sidebar and Toolbar
The possibility to create Menu controls (MenuItem, NavItem) with custom HTML content using the html attribute of Menu controls
The possibility to create Ribbon controls (Block, Button, ImageButton, NavItem, SelectButton, Title) with custom HTML content using the html attribute of Ribbon controls
The possibility to create Sidebar controls (MenuItem, NavItem, Title) with custom HTML content using the html attribute of Sidebar controls
The possibility to create Toolbar controls (Button, ImageButton, NavItem, SelectButton, Title) with custom HTML content using the html attribute of Toolbar controls

Helpers

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

The ability to specify the height of a List item and height of a list either as a number or string value

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

The ability to select a range of dates in one calendar

Form

The ability to manipulate Form controls via the getItem() method of Form
The ability to use methods for DatePicker, Checkbox, Colorpicker, Combo, Input, RadioGroup, Select, SimpleVault, Slider, Text, Textarea, TimePicker Form controls: clear(), clearValidate(), getValue(), setValue(), validate()
The possibility to update the configuration of DatePicker, Checkbox, Colorpicker, Combo, Input, RadioGroup, Select, SimpleVault, Slider, Text, Textarea, TimePicker Form controls via the setConfig() method
The ability to use methods of DHTMLX widgets via the getWidget() method of DatePicker, ColorPicker, Slider, TimePicker Form controls

Grid/TreeGrid

The possibility to show and hide a column in the grid via the showColumn() and hideColumn() methods
A new combo filter for the header/footer content of a Grid column
New checkbox and combobox editors for the cells of a Grid column
The ability to set min and max width for Grid columns
The possibility to change the width of columns via the resizable property
Drag-n-drop of rows between grids via the dragMode property
Export to CSV format

Layout

New event system

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

Ability to manipulate the visibility of the Combo popup via the Popup API

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

Dynamic config updating and re-rendering of a form
Adding values into controls on the fly
Clearing a form
The new send() method for sending a form to the server
A new RadioGroup control for grouping RadioButtons

Grid

Editing the whole Grid or separate columns via the configuration object
Editing certain cells via the API method
New editing-related events: BeforeEditStart, BeforeEditEnd, AfterEditStart, AfterEditEnd
The possibility to define the type of an editor for a column
A new type:"date" for a column
The ability to add vertical span into the columns headers
The possibility to enable automatic adding of an empty row to the end of the Grid
Initialization without data

The possibility to adjust the Popup offsets relative to the element

Tree

The possibility to enable editing of items via the configuration object

Window

The ability to check the visibility of a 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

The possibility to set values for DatePicker, TimePicker, ColorPicker Form controls via inputs
The possibility to make Form Inputs hidden
The autocomplete feature for Form Inputs
Validation of a Form Select control

Grid

Extended selection possibilities

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

Version 9.3.3​

Fixes​

Version 9.3.2​

Fixes​

Version 9.3.1​

Fixes​

Version 9.3​

New functionality​

Updates​

Fixes​

New samples​

Grid​

Tree​

Window​

Version 9.2.8​

Fixes​

Version 9.2.7​

Fixes​

Version 9.2.6​

Fixes​

Version 9.2.5​

Updates​

Fixes​

Version 9.2.4​

Fixes​

Version 9.2.3​

Fixes​

Version 9.2.2​

Fixes​

Version 9.2.1​

Fixes​

Version 9.2​

Breaking changes​

New functionality​

Updates​

Fixes​

New samples​

Grid​

Version 9.1.6​

Fixes​

Version 9.1.5​

Fixes​

Version 9.1.4​

Fixes​

Version 9.1.3​

Fixes​

Version 9.1.2​

Fixes​

Version 9.1.1​

Fixes​

Version 9.1​

Breaking changes​

New functionality​

DataCollection/TreeCollection​

Grid​

Fixes​

New demo on backend integration​

New samples​

Grid​

Version 9.0.4​

Fixes​

Version 9.0.3​

Fixes​

Version 9.0.2​

Fixes​

Version 9.0.1​

Fixes​

Version 9.0​

Breaking changes​

New functionality​

Common features​

DataCollection​

Form​

Grid​

Updates​

Grid​

Fixes​

New samples​

Version 8.4.6​

Fixes​

Version 9.3.3

Fixes

Version 9.3.2

Fixes

Version 9.3.1

Fixes

Version 9.3

New functionality

Updates

Fixes

New samples

Grid

Tree

Window

Version 9.2.8

Fixes

Version 9.2.7

Fixes

Version 9.2.6

Fixes

Version 9.2.5

Updates

Fixes

Version 9.2.4

Fixes

Version 9.2.3

Fixes

Version 9.2.2

Fixes

Version 9.2.1

Fixes

Version 9.2

Breaking changes

New functionality

Updates

Fixes

New samples

Grid

Version 9.1.6

Fixes

Version 9.1.5

Fixes

Version 9.1.4

Fixes

Version 9.1.3

Fixes

Version 9.1.2

Fixes

Version 9.1.1

Fixes

Version 9.1

Breaking changes

New functionality

DataCollection/TreeCollection

Grid

Fixes

New demo on backend integration

New samples

Grid

Version 9.0.4

Fixes

Version 9.0.3

Fixes

Version 9.0.2

Fixes

Version 9.0.1

Fixes

Version 9.0

Breaking changes

New functionality

Common features

DataCollection

Form

Grid

Updates

Grid

Fixes

New samples

Version 8.4.6

Fixes