What's New

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

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 related 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()

Sidebar

• 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 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

Menu, Toolbar, Sidebar, Ribbon

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

Sidebar

• 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
• 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 (Button, NavItem, SelectButton, 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

Helper

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

Updates

API

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

List/DataView

• 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, SimpleVault, 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 comboFilter 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 to 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 events

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

Popup

• 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

Back to top