·
20 commits
to master
since this release
Released on July 15, 2025
Review of the release on the blog
Breaking changes
This version brings some updates in the use of the export module used for exporting Grid data to an Excel file. Check the Migration guide to keep in step with the latest updates.
New functionality
- Grid. The
RangeSelection
module is added to provide functionality for managing range selection in Grid (PRO version)- new Grid configuration property:
rangeSelection
- new methods of the
range
object:disable()
,enable()
,getRange()
,getRangedCells()
,isDisabled()
,isRanged()
,resetRange()
,setRange()
- new events of the
range
object:afterResetRange
,afterSetRange
,beforeResetRange
,beforeSetRange
- new Grid configuration property:
- Grid. The
BlockSelection
module is added to provide functionality for managing block selection in Grid (PRO version)- new Grid configuration property:
blockSelection
- new methods of the
block
object:disable()
,enable()
,isDisabled()
- new events of the
block
object:afterBlockHandleApply
,afterBlockSelectionApply
,afterBlockSelectionMove
,beforeBlockHandleApply
,beforeBlockSelectionApply
,beforeBlockSelectionMove
,blockHandleMouseDown
,blockSelectionEnd
,blockSelectionStart
,blockSelectionValidate
- new Grid configuration property:
- Grid. The
Clipboard
module is added to provide functionality for interacting with the clipboard in Grid (PRO version)- new Grid configuration property:
clipboard
- new events of the
clipboard
object:afterCopy
,afterPaste
,beforeCopy
,beforePaste
,copyError
,pasteError
- new Grid configuration property:
- Grid. The
DragPanel
module is added to provide auxiliary functionality for moving rows in Grid and improve the drag-n-drop visualization (PRO version)- new Grid configuration property:
dragPanel
- new events:
dragPanelItemClick
,dragPanelItemMouseDown
- new Grid configuration property:
- Grid. The
History
module is added to provide functionality for managing the history of actions in Grid, including the Undo/Redo functionality (PRO version)- new Grid configuration property:
history
- new methods of the
history
object:add()
,canRedo()
,canUndo()
,disable()
,enable()
,isDisabled()
,getHistory()
,redo()
,remove()
,removeAll()
,undo()
- new events of the
history
object:afterAdd
,afterRedo
,afterUndo
,beforeAdd
,beforeRedo
,beforeUndo
,error
- new Grid configuration property:
- Grid. The
isSelected()
method is added for theSelection
module to check whether the specified cell is selected
Updates
- Grid. The logic and appearance of the drag-n-drop functionality is improved. Check the related sample
- Grid. The export to Excel functionality is updated. The Json2Excel module is now used for exporting Grid data to Excel. Check the Migration guide for details
- Grid. The
xlsx()
method of the Export module gets two new configuration settings:tableName
- to set the name of a sheet with grid data in the Excel filedateFormatMask
- to set the date format mask for Excel
- Grid. The possibility to use keyboard navigation for selecting ranges of cells. The following shortcut keys and their combinations are available:
ArrowUp | resets the selected range and moves the focus to the previous vertical cell, setting the initially selected cell if no selection is active |
ArrowDown | resets the selected range and moves the focus to the next vertical cell, setting the initially selected cell if no selection is active |
ArrowLeft | resets the selected range and moves the focus to the previous horizontal cell, setting the initially selected cell if no selection is active |
ArrowRight | resets the selected range and moves the focus to the next horizontal cell, setting the initially selected cell if no selection is active |
Shift+ArrowUp | extends the selected range from the current initial cell to the previous vertical cell |
Shift+ArrowDown | extends the selected range from the current initial cell to the next vertical cell |
Shift+ArrowLeft | extends the selected range from the current initial cell to the previous horizontal cell |
Shift+ArrowRight | extends the selected range from the current initial cell to the next horizontal cell |
Ctrl+ArrowUp | resets the selected range and moves the focus to the first vertical cell |
Ctrl+ArrowDown | resets the selected range and moves the focus to the last vertical cell |
Ctrl+ArrowLeft | resets the selected range and moves the focus to the first horizontal cell |
Ctrl+ArrowRight | resets the selected range and moves the focus to the last horizontal cell |
Ctrl+Shift+ArrowUp | extends the selected range to the first vertical cell |
Ctrl+Shift+ArrowDown | extends the selected range to the last vertical cell |
Ctrl+Shift+ArrowLeft | extends the selected range to the first horizontal cell |
Ctrl+Shift+ArrowRight | extends the selected range to the last horizontal cell |
The following shortcut key and mouse combination is available:
Shift + click | sets the end cell of the range, extending the selection from the current initial cell |
The following shortcut key is available when the editable
mode is set for the Grid component and the BlockSelection
module is used in the "range"
mode:
Delete | allows clearing the selected cells |
Fixes
- DragManager. Incorrect determining the position for dropping an element during the Drag&Drop operation (child elements) in the TreeGrid mode
- DragManager. The issue with moving a line to the header/footer area
- DragManager. The problem with determining the position for dropping above the first element
- DragManager. The issue associated with the absence or incorrect definition of the drop position for the default mode
- DragManager. The issue with the
dragIn
event (the previous reset state was transmitted) - DragManager. The
dragIn/dragOut
events are optimized (false positives are removed) - Grid. The issue with falsy selection of fixed cells while selecting unfrozen cells
- Grid. The issue with dragging unselected items
- Grid. Sorting of the Date string (ISO) values results in the invalid format error
- Grid. Export. Double quotes in the cell value are escaped in the exported Excel
- Grid. The issue with editor closing and saving the entered value on scrolling the grid
- Grid. The
draggable:false
setting of a column affects the drag-n-drop of rows - Grid. The error that occurred when the value of the
parent
property was set as a number
New samples
Grid
- Grid (TreeGrid). DragPanel. Initialization
- Grid. BlockSelection in the "range" mode. Selection with restricted columns
- Grid. BlockSelection. Work with the handle configuration
- Grid. BlockSelection. Styling (custom CSS)
- Grid. Clipboard with notifications (messages)
- Grid. Clipboard. Custom copy/cut/paste for number and date columns
- Grid. Clipboard. Copy/сut/paste between grids with validation
- Grid. Clipboard between two Grids with modifiers
- Grid. Clipboard between Grid and Spreadsheet
- Grid. History. Configuration
- Grid. History. Adding a custom action