Essential Studio for EJ2 JavaScript Release Notes

Common

Bug Fixes

  • #I696647 - Resolved null cases in the getComponent method in the base library.

Chart

Bug Fixes

  • #I739203 - Now the header in the exported PDF renders properly with wrapping instead of being cropped.
  • #I738322 - The legend will render without a dash array for the marker-disabled dashed line series chart.

ColorPicker

Bug Fixes

  • #I904686 - Issue with “Color picker component was not properly read in accessibility tool” has been resolved.

DatePicker

New Features

  • The DatePicker allows users to input date values in various valid formats, enhancing the user experience by offering flexibility in specifying date formats for parsing. A new API called inputFormats has been introduced to handle custom date input formats, allowing users to specify the expected format(s) for parsing date values. For example, InputFormats = 'new string[] { "dd/MM/yyyy", "MM/dd/yyyy", "yyyy-MM-dd" }'.

DateRangePicker

New Features

  • The DateRangePicker allows users to input date values in various valid formats, enhancing the user experience by offering flexibility in specifying date formats for parsing. A new API called inputFormats has been introduced to handle custom date input formats, allowing users to specify the expected format(s) for parsing date and time values. For example, InputFormats='new string[] { "dd/MM/yyyy - dd/MM/yyyy", "MM/dd/yyyy - MM/dd/yyyy", "yyyy-MM-dd - yyyy-MM-dd" }'.

DateTimePicker

New Features

  • The DateTimePicker allows users to input date and time values in various valid formats, enhancing the user experience by offering flexibility in specifying date and time formats for parsing. A new API called inputFormats has been introduced to handle custom date and time input formats, allowing users to specify the expected format(s) for parsing date and time values. For example, InputFormats='new string[] { "dd/MM/yyyy hh:mm", "MM/dd/yyyy HH:mm", "yyyy-MM-dd hh mm tt" }'.

Diagram

Bug Fixes

  • #I184493 - The null exception will no longer thrown while hovering over the ports.
  • #I47014 - The segmentCollectionChange is triggered when editSegment method called.

DocumentEditor

Bug Fixes

  • #I748873 - Fixed a script error that occurred when decreasing the indent in list paragraphs.
  • #I971894 - Resolved a script error triggered during beginUndoAction when clearing the redo collection.
  • #I747660 - Addressed an issue where the Comments Panel failed to display correctly when showRevision was set to false.
  • #I750354 - Fixed an issue where numeric keypad input did not activate page number entry in the status bar.
  • #I747885 - Corrected layout inconsistencies when inserting whitespace after selecting content.
  • #I748857 - Ensured left and right margins are properly applied during horizontal ruler scrolling.
  • #I748856 - Fixed horizontal ruler misalignment when resizing the vertical ruler.
  • #I741169 - Resolved an issue where underlines applied to images were not retained correctly.
  • #I744835 - Fixed a script error occurring when dragging text from a table into the header.
  • #I746062 - Addressed export issues with nested content controls.

Features

  • #I723821 - Added event to access the paste action before it paste

Bug Fixes

  • #I749142 - Placeholder misalignment issue in the Dropdown Tree component when selecting more items has been resolved.

FileManager

Bug Fixes

  • #I696366 - Resolved the issue with copying and pasting a folder from the navigation pane to the layout pane in File Manager component.

Grid

Features

  • #FB3775 - The ODataV4 functionality has been enhanced, enabling you to invoke custom URLs for data fetching and CRUD actions.
  • Lazy load grouping with sorting performance has been improved, allowing you to handle large datasets without performance lag.
  • The Fluent 2 theme are now available in both light and dark modes on the EJ2 Grid. Explore the demo here.

HeatMap

New Features

  • #I450186 - HeatMap’s axis labels can now include line break characters.
  • #I287338 - Label templates can be displayed in place of cell labels to provide additional information.

ListView

Breaking Changes

  • Using a ternary operator within the string-type template is not supported and we suggest using a function type template in ListView. Refer to the below code for example

Previous

let template: string = '<div class="e-list-wrapper e-list-avatar" id = ${id}>' +
        '<span class="e-list-content">${name} ${$imgUrl ?  $imgUrl : \'no image\' }</span></div>';

Now

// data denotes the template data of each nodes from ListView data.
let template: Function = (data: any) => {
    let result = `<div class="e-list-wrapper e-list-avatar" id = "${data.id}">`+
    `<span class="e-list-content">${data.name} ${data.imgUrl ?  data.imgUrl : 'no image' }</span></div>`;
    return result;
}

PDF Viewer

Bug Fixes

  • #I747378 - Resolved an issue where custom fonts were not properly applied to form fields when reloading the PDF document.
  • #I747633 - Resolved an issue where the script error occurs when saving PDF after adding rectangle annotation with zero height and zero width.
  • #I751778 - Resolved an issue where the annotations in non-rendered pages are not deleting properly when deleted using deleteAnnotationById method.
  • #I750004 - Resolved an issue where annotations are duplicated on non-rendered pages when importing the annotations.

Pivot Table

Bug Fixes

  • #I733782 - The drill-through popup will now display the correct value header and value when the value field caption contains parentheses in the pivot table.

Features

  • Support has been added for performing value sorting simultaneously on both the row and column axes, independent of the value axis. This enhancement allows for more flexible and accurate data analysis across dimensions. Explore the demo here.
  • Support has been introduced for exporting the pivot table as a native Excel PivotTable, preserving the pivot structure in the exported file. Users can continue interacting with and customizing the pivot data directly within Excel. Explore the demo here.
  • Support has been added for including headers and footers during Excel exporting with the server-side engine in the pivot table. Explore the demo here.

Stock Chart

Feature

  • Added support to highlight the last value of the series with a label and grid line indicator, offering a clear and immediate reference point for the series endpoint. Explore the demo here

Tab

Bug Fixes

  • #F733919 - The issue with the context menu popup does not open when we press Shift+F10 key has been resolved.

Toolbar

Bug Fixes

  • #I731032 - An issue where focus moved to a disabled item in the toolbar popup when pressing the down arrow key has been fixed.

Tree Grid

Features

  • Introduced sticky header support in the Tree Grid, allowing column headers to stay fixed during scrolling. This improves navigation and readability in large hierarchical data views. Explore the demo here.

  • Enhanced support for LoadChildOnDemand in the Tree Grid with remote data binding and virtual scrolling. This improvement enables efficient, on-demand retrieval of child records, ensuring smoother performance when working with large hierarchical datasets.

Test Results

Component Name Test Cases Passed Failed Remarks
3D Chart 232 232 0 All Passed
3D Circular Chart 374 374 0 All Passed
Accordion 205 205 0 All Passed
AI Assist View 431 431 0 All Passed
AutoComplete 200 200 0 All Passed
Breadcrumb 160 160 0 All Passed
Bullet Chart 164 164 0 All Passed
Button 145 145 0 All Passed
ButtonGroup 120 120 0 All Passed
calendar 177 177 0 All Passed
Chart 4512 4512 0 All Passed
Chat UI 184 184 0 All Passed
CircularGauge 429 429 0 All Passed
ColorPicker 130 130 0 All Passed
Combo Box 136 136 0 All Passed
Common 713 713 0 All Passed
Context Menu 105 105 0 All Passed
Data Grid 2754 2754 0 All Passed
Date Picker 425 425 0 All Passed
Date Range Picker 420 420 0 All Passed
Date Time Picker 323 323 0 All Passed
Diagram 19122 19122 0 All Passed
Document Editor 4213 4213 0 All Passed
DropDown Button 132 132 0 All Passed
Dropdown List 191 191 0 All Passed
Dropdown Tree 105 105 0 All Passed
File Manager 2187 2187 0 All Passed
Floating Action Button 174 174 0 All Passed
Gantt 3011 3011 0 All Passed
HeatMap Chart 478 478 0 All Passed
Image Editor 1653 1653 0 All Passed
In-place Editor 642 642 0 All Passed
Kanban 268 268 0 All Passed
LinearGauge 426 426 0 All Passed
Listbox 115 115 0 All Passed
Maps 1247 1247 0 All Passed
Menu 187 187 0 All Passed
Multicolumn Combo Box 254 254 0 All Passed
Multiselect Dropdown 365 365 0 All Passed
OTP Input 240 240 0 All Passed
PDF Viewer 18612 18612 0 All Passed
Pivot Table 5294 5294 0 All Passed
Progress Button 132 132 0 All Passed
Query Builder 480 480 0 All Passed
RangeNavigator 140 140 0 All Passed
Rating 201 201 0 All Passed
Ribbon 496 496 0 All Passed
Rich Text Editor 4310 4310 0 All Passed
schedule 4600 4600 0 All Passed
Signature 105 105 0 All Passed
Skeleton 144 144 0 All Passed
Slider 147 147 0 All Passed
Speech To Text 200 200 0 All Passed
Speed Dial 366 366 0 All Passed
Split Button 144 144 0 All Passed
Spreadsheet 10393 10393 0 All Passed
Stepper 104 104 0 All Passed
Stock Chart 379 379 0 All Passed
Tab 192 192 0 All Passed
Text Area 107 107 0 All Passed
Time Picker 180 180 0 All Passed
Timeline 213 213 0 All Passed
Toast 139 139 0 All Passed
Toolbar 132 132 0 All Passed
ToolTip 131 131 0 All Passed
TreeGrid 3656 3656 0 All Passed
Treemap 264 264 0 All Passed
Treeview 370 370 0 All Passed