What's new
Before updating DHTMLX to the latest version, please check the Migration to Newer Versions guide to avoid possible breakdowns.
Version 9.0.2
Released on December 23, 2024
Fixes
- Grid. The
input
editor doesn't work whenselection:"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 theindex
andarray
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
withsummary
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 thesort()
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 blogBreaking 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
- new methods:
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
- new Grid properties:
- The ability to render custom statistics in the header/footer of columns and Grid spans
- the
text
andtooltipTemplate
properties of a column and of the Gridspans
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
- The ability to specify patternMask/numberMask for columns
- Localization for Grid labels is added
Updates
Grid
- The
asDateObject
property is added for theeditorConfig
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
- Grid. Grouping (PRO)
- Grid. Grouping customization (PRO)
- Grid. Grouping aggregated data via data collection (PRO)
- Grid. Grouping missing data (PRO)
- Grid. Grouping and totals in the summary row (PRO)
- Grid. Grouping and totals in group headers (PRO)
- Grid. Grouping and totals in group headers via data collection (PRO)
- Grid. Grouping and totals in the summary row via data collection (PRO)
- Grid. Custom totals for footer and columns
- Grid. Custom totals for footer and columns with dynamic updates on edit
- Grid. Pattern and number masks
- Form. Number mask
- Form. Pattern mask
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
andautoEmptyRow
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 theadjust
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 blogNew functionality
Chart
- The ability to specify a template for showing values for data items on the Pie, Pie3D and Donut charts
- The ability to add the header/footer for an exported PNG/PDF file
Combobox
Form
Grid/TreeGrid
- The ability to add event handlers to HTML elements of a custom template of Combobox editor items in a column
- The ability to add the header/footer for an exported PNG/PDF file
Toolbar
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 theadjust
one is calculated incorrectly - Grid/TreeGrid. Filtering is reset while dragging rows
- Grid/TreeGrid. The combination of the
minWidth
andautoWidth
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 theid
andvalue
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 theinputType: "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
andfull
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 theshowRow()
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 ofsetValue()
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 theadd()
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 blogNew 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
Menu
- New keydown event
Ribbon
- New events: input, inputChange, keydown, and the Datepicker control
Sidebar
- New keydown event
Toolbar
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 blogNew 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
- note that the
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 blogNew 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
- new export methods:
- 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
- now it is possible to define the
- The ability to set automatic height for Grid (Pro)
Tree
- The ability to initialize Tree in the collapsed state:
- new property:
collapsed
- new property:
TreeGrid
- The ability to export TreeGrid to a PDF or PNG file:
- new export methods:
pdf()
,png()
- new property:
exportStyles
- new export methods:
- 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
- now it is possible to define the
- The ability to set automatic height for TreeGrid
- New
multiselection
property: - The ability to define whether collapsed rows should expand while hovering them over during drag-n-drop:
- new property:
dragExpand
- new property:
- The ability to initialize TreeGrid in the collapsed state:
- new property:
collapsed
- new property:
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
- new options of the
- The png() method was updated:
- new options of the
export
object are added:theme
,exportStyles
- new options of the
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
andicon
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 returnsvalue
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 blogNew functionality
Common features
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
andbeforeChangeOptions
events - Slider
beforeChange
event - Textarea
beforeChange
event - Timepicker
beforeChange
event
- Datepicker
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
andrightSplit
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()
andprogressHide()
- new method of a Layout cell:
progressShow()
andprogressHide()
- new methods of Layout:
- 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
Toolbar
- 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
andafterItemLoad
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
andrightSplit
properties (Example)
Updates
Combobox
- The
addOption()
method is updated (newjoin
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()
andshow()
- new
id
parameter is added for CheckboxGroup events:afterHide
,afterShow
,beforeHide
,beforeShow
- new
-
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()
- new
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()
andshow()
- new
id
parameter is added for RadioGroup events:afterHide
,afterShow
,beforeHide
,beforeShow
- new
-
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()
- new
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()
- new
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
andformat
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 thetooltipTemplate
function - TreeGrid. Fix the error appeared on initialization of the component when
data
was defined asTreeGridCollection
instance andspans
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 withweekNumbers: 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 theShift
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()
orhideRow()
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
andsmartFilter
properties of the config parameter of thefilter()
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 arenull
|undefined
- DataView, List, Tree. Now you can block bubbling of the events specified via the
eventHandlers
property by usingstopPropagation()
- 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 theshow()
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
andmin-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 thenull
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 theautoHeight: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 thechange
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 blogNew 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 theeditorConfig
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 theeditorConfig
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 takevalue: 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 thetemplate
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 thewidth
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, andPOST
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 blogCheck the Migration article to keep in step with the latest version.
New functionality
Combobox
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
Toolbar
- 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
, orPUT
, orDELETE
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
ordata: 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 blogCheck 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 thedata
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 blogBreaking 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
Menu
- 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
Toolbar
- 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 thename
andvalue
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 thedata
ande
ones. - Grid/TreeGrid. The "beforeColumnDrop" event is updated - the
sourceId
/targetId
parameters are replaced with thedata
ande
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