Syncfusion Vue UI Components (Essential JS 2) - Release Notes

Common

Accordion

• An issue with the expand action of Accordion when set to single mode, with the items being rendered using content template is fixed now.

ContextMenu

• Destroy method issue fixed.

Diagram

• The “nodes distributed incorrectly” issue has been fixed.
• The “duplicate SVG appears when node’s SVG is changed” issue has been fixed.
• Drop event is now fixed when drag and drop other component is now working fine.
• Diagram does not zoom based on the center point is now working fine.
• Background color of the label and nodes will be black by default while updating dynamically is now working fine.
• Background color issue found while on text editing is not fixed.
• Connections have created from port after removing the constraints is now working fine.
• Performance issue on diagram layout has been fixed.

• Support added to create a swimlane diagram using code or a visual interface with built-in swim lane shapes.
• Support provided to prevent “previous selection gets cleared when dragging a new symbol from the symbol palette and dropping it to the diagram”.
• Support provided to cancel the drag and drop operation from the symbol palette to the diagram when the ESC key is pressed.
• Support provided to define the padding between the connector’s end point and the object to which it gets connected.
• Option has been provided to retain the selection of an object when performing undo and redo operations.
• Option provided to prevent serializing default properties when the diagram is serialized as JSON format.
• Padding option added to scroll settings.
• Now, it is possible to export HTML and native nodes to image format.
• Support provided to limit the number of actions to be stored in the history manager.

Dialog

• Provided an additional cssClass, zIndex, open and close event properties to dialog utility.
• Enable/ Disable the dialog button issue in dynamic way has been fixed.
• Return type of Dialog Utility method has been changed from DialogModal to Dialog This changes doesn’t lead to breaking changes in application level since these two classes are implicitly convertible.

Document Editor

• Section break is now serialized properly.

• Added API to customize the default character format and paragraph format of document editor.
• Added support to customize context menu.
• Optimized text rendering.

Form Validator

• Resolved issue with same validation message displays for all fields when provide validation messages using data attribute.

Grid

• Excluded template from pageSettings while get persist data in Grid.
• Edit cells are focused when enabling multiselect dropdown with checkbox mode.
• Grid validationRules works fine while using min and max value for NumericTextBox.
• Script error is resolved when opening contextmenu in stacked header.
• In FilterBar mode, the specified format is applied to date column value while performing initial filtering.
• Grid exports current view columns alone when column virtualization is enabled.
• Filtering is working properly after Search toolbar action.
• Additional parameters should be send in params property is achieved.
• StringLength attribute converts the HTML value as lowercase instead of camelCase issue is resolved.
• Grid Locale is not applied for edit Form components is resolved.
• Complex data fields are updated in OdataV4 adaptor.
• Provided support for defining custom url in Normal editing for Odata adaptor.
• Script error is resolved while opening the menu filter in empty grid.
• Underscore with field is consider as complex data while save the changes in dialog template editing is resolved.
• Script error is resolved in excel Filter for date columns when data source for date column is in string.
• Programmatic update and delete operations are working properly with batch mode.
• Checkbox is aligned properly when a row with check box column with textAlign property is edited.
• Row misalignment occurs when having checkbox column as frozen is resolved.
• Searching misbehaves in a URLAdaptor bind in Grid while having Checkbox column is resolved.
• Column menu icon is misaligned when changing default rowHeight of the grid is resolved.
• UI issue with Excel Filter Dialog in Bootstrap theme is resolved.
• Search query in WebAPI request is not proper when have a CheckBox column in Grid is resolved.
• Row height is applied in Grid with null values in first column.
• Provided Internal events support for cancelling the batch editing and after the form render.
• Row deselection is not working properly while using persistSelection property is resolved.
• Using checkbox property in IEditCell type throws compilation error is resolved.
• Grid Excel filter sub menu misalignment in IE11 browser is resolved.
• Pager is not refreshed with currentPage value in pageSettings while initial rendering is resolved.
• Grid shows incorrect result while getting selected records with selectAll in rowSelected event is resolved.
• Childgrid with empty record is not showing No records to display while excel exporting is resolved.

• Provided virtualization support while expand or collapse the grouped records when virtualization is enabled.
• Provided support to edit next row cell while pressing the tab key in Batch edit mode.
• Provided support to add new row in bottom while pressing the tab key in last cell of last row in current page.
• Provided support to trigger actionComplete event after calling expandAll and collapseAll methods.
• Provided support to implement ‘Angular deep watch pipe’.
• Add and Delete operation changes are updated in the grid UI when virtualization is used.
• Provided internal event to change the edit form elements for tree grid team.
• Provided Error handler support in Grid Component.

LinearGauge

• The dynamically updating support has been provided to the ‘Axes’ API of linear gauge.

• In ‘setAnnotationValue’ method, an option has been provided to set the position of annotation based on axis value.

ListBox

The ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items. The available key features are:

• Data binding: Binds and accesses the list of items from local or server-side data source.
• Dual ListBox: Allows transferring and reordering the list item between two ListBoxes.
• Drag and Drop: Allows drag and drop the list item with the same/multiple ListBox.
• Grouping: Groups the logically related items under a single or specific category.
• Templates: Customizes the list items.
• Sorting: Sorts the list items in alphabetical order (either ascending or descending).
• Accessibility: Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.

Menu

• Support provided for dynamically updating the self referential data.

MultiSelect

• Placeholder is not updated properly when removed the value issue has been resolved.

PDF Viewer

• The issue “Added PDF document cache element did not maintain properly” has been fixed.
• The issue “PdfRenderer object is not disposing properly in EJ2 PDF Viewer library” has been fixed.
• The issue “PDF Viewer clears all the session storage” has been fixed.
• Resolved the script error while accessing invalid link annotation destination.
• Resolved Single Page Document Rendering issue.
• Document Load event not triggered for lower zoom value issue has been fixed.

• Text Markup annotation support has been provided to PDF Viewer.
• Mobile view responsiveness support has been provided.
• Right-to-left support has been provided.
• Accessibility support has been provided to PDF Viewer.

Pivot Table

• Drill-down works properly for date formatted headers.

• Users can access grid functionalities in the drill-through pop-up.
• Option to always show the value header even with single value binding.
• Row header repeats on each page of the PDF document when exporting.
• Users can display the value zero as zero and empty cells with a custom value.
• Charts can be rendered against pivot table data independently, and users can modify their report dynamically using the field list.
• Toolbar support is provided to the pivot table, allowing users easy access to frequently used features.
• A grouping option is available for date and numbers fields.
• Users can customize or add custom templates to the Pivot Table cells.
• Cell selection allows users to select cells and access the selected cell information through the cell selection event.

Pivot View

• Drill-down works properly for date formatted headers.

• Users can access grid functionalities in the drill-through pop-up.
• Option to always show the value header even with single value binding.
• Row header repeats on each page of the PDF document when exporting.
• Users can display the value zero as zero and empty cells with a custom value.
• Charts can be rendered against pivot table data independently, and users can modify their report dynamically using the field list.
• Toolbar support is provided to the pivot table, allowing users easy access to frequently used features.
• A grouping option is available for date and numbers fields.
• Users can customize or add custom templates to the Pivot Table cells.
• Cell selection allows users to select cells and access the selected cell information through the cell selection event.

QueryBuilder

• Between Operator produces incorrect SQL is fixed.
• Issue with binding boolean values to radio button is fixed.
• Introduced new event ‘RuleChange’ which triggers once the current Rule is different from the older Rule.

• The following events are renamed.

• Modified the return type of ‘getFilteredRecords’ method from object collection to promise.
• Renamed the ‘RulesModel’ class to ‘RuleModel’ and removed the ‘RulesModel’ class.

Schedule

• An issue while resizing all-day events in Scheduler, with disabled timescale mode is fixed.
• An event to trigger on selection of multiple cells or events has been added.

TextBox

• When textbox contains value initially, no more change event will trigger while focus followed by focus out.

Uploader

• File name ellipsis issue in edge browser has been fixed.