Professional Documents
Culture Documents
#### 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
#### 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
The update brings various changes in the API methods. Check the Migration article
to keep in step with the latest version.
- 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 simplified versions of the afterSelect, afterUnSelect,
beforeSelect, beforeUnSelect events of DataView
- 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
#### 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
#### 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 of List
- The ability to use simplified versions of the afterSelect, afterUnSelect,
beforeSelect, beforeUnSelect events of List
- The ability to select all List items at once by using "Ctrl+A" combination
#### Menu
#### Ribbon
#### Tabbar
- The ability to specify the width and height for a separate tab via setting the
tabWidth and tabHeight properties to views
- The ability to adjust the width/height of tabs to the width/height of the tabbar
container using the related tabAutoWidth/ tabAutoHeight configuration properties of
Tabbar
- The possibility to set alignment for tabs via the tabAlign property of Tabbar
#### TimePicker
- 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
#### Toolbar
#### 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.
- SimpleValult control of Form. The beforeUploadFile, uploadBegin, uploadComplete,
uploadFail, uploadFile, uploadProgress events are improved
- TimePicker control of Form. The getValue()/ setValue() methods are updated
- Form. The getValue() method is updated
- Grid/TreeGrid. The "splitAt" configuration property is replaced by the
"leftSplit" one
- Grid/TreeGrid. The "beforeColumnDrag" event of 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
#### 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
#### Fixes
#### 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
#### 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
#### 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
#### 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
#### Fixes
#### Fixes
#### 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
#### List
#### 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
### 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
#### 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)
#### 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 are fixed for Firefox browser
#### Fixes
#### Calendar
- The ability to clear the value set in the calendar using the clear method
#### Chart
#### ColorPicker
- The possibility to specify the mode of displaying a colorpicker using the mode
property
- The ability to clear the value set in the colorpicker and remove focus via the
clear method
#### Combobox
- 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
#### 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
#### List
#### Sidebar
#### Slider
#### 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
#### TreeGrid
#### Window
- The possibility to place a window into a custom container using the node property
#### Helpers
### Updates
#### Fixes
- The issue with ability to use all types of chart scales in any combinations
- The issue with the setActive() method in Tabbar
- The issue with styles when switching between modes in Colorpicker
- The issue with the getValue() method in Calendar and Colorpicker
- The issue with styles when Slider is disabled
- The issue with styles when Combobox is disabled
- Issues with the filter() method in Tree Collection
### Fixes
- Add the possibility to set the css and data property in Chart
- Issue with starting editing Grid columns with the help of the keynavigation 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 For
#### 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
#### 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
### 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
### Fixes
### Fixes
### Fixes
####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 clear(), clearValidate(), getValue(), setValue(), validate()
methods for all Form controls
- 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
#### 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
### Fixes
### Fixes
### Fixes
### Fixes
### Fixes
### Fixes
### Fixes
#### 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)
#### 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
#### Popup
- The possibility to adjust the Popup offsets
#### Tree
- The possibility to enable editing of items via the configuration object
#### Window
- The ability to check the visibility of a window
### Updates
#### 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
### Fixes
### Fixes
### Fixes
- Styles fixes
- Issues with Form custom css
- Issues with Form elements
- Issue with Form getValue() method
- Issues with Menu and Context menu
- Issues with popup in Form
- Issue with scroll in Combobox
- Issue with data parsing in Toolbar
### Fixes
- Styles fixes
- Issues with Calendar setValue() method
- Issue with Slider set/getValue() methods
- Issue with Confirm message box buttons