Essential Studio for JavaScript Release Notes

October 1, 2015



  • #140303 - Accordion provides option to add new items dynamically by using the “addItem” method

Bug fixes

  • #144588 - While disabling the Accordion item, corresponding item get collapsed.


Bug fixes

  • Calcengine formulas have been stabilized.



  • Provided support for vertical chart.

  • Provided support for smart label in Cartesian axis.

  • Provided support for highlight/selection in cluster mode.

  • Provided support for hiding the axis title.

  • Provided support for binding fill color and text for point from datasource.

Bug fixes

  • #143230 - Currency format will now work in tooltip template.

  • #140909 - Pie animation is now completed when the chart is updated sequentially.

  • #142442 - Now the range for axis can be changed on redraw.

  • #140882 - Now the interval for datetime axis is calculated based on data.

  • #140614 - EmptyPoint is now working in KO binding.

  • #143230 - Currency format works fine in tooltip template.

  • #143437 - Connector line is removed, when the data label is hidden now.

Breaking changes

  • Secondary axes in chart will visible only when it is bound to any series or indicator.

  • When Row count and column count in legend are same, then legend will get plotted based on column count, when its position is top or bottom and it will get plotted based on row count, when its position is right or left.


Bug fixes

  • #142047 - In CheckBox, “this.element” in source does not return wrapper and this returns the Checkbox element.

  • #142433 - In Checkbox change event, “isChecked” now returns null for intermediate state.


Bug fixes

  • #141535 - ColorPicker popup opens and does not hide automatically.


Bug fixes

  • #142470 - ODataV4Adaptor not included in TypeScript issue is now resolved.


Bug fixes

  • #140142 - DatePicker now works properly when Date is specified in JSON notation.


Bug fixes

  • #142135 - Cursor now does not automatically move to the end in DateTimePicker AngularJS sample.

  • #140886 - The scroll position now works properly in the DateTimePicker while specifying date and time using date object.

  • #140886 – “minDateTime” API is now working properly in the DateTimePicker.

  • #140696 - DatePicker and DateTimepicker date value is now updated as the formatted value, when you use both the ‘ng-model’ and the ‘e-value’ in element.



  • #143613 - Option to read/change the scroll status is added

  • #143039,#117480,#126648-Option to show tooltip on mouse over is added

  • #139520,#142238 - Undo redo support for client side APIs is added

  • #141800 - Option to nudge/drop elements only to the allowable region of swimlane is added

  • #142568 - API support to set CSS style properties is added

  • #142737 - AngularJS binding support to render html/native node is provided

  • #143075 - Option to identify the drag completed state is provided

  • #139999 - Event support is added to notify when a node is dropped over another object

  • #103189 - Radial tree layout support is added

Bug fixes

  • #142830, #144290- API to clear the particular selection of elements works fine.

  • #144102- Option to identify the click state works now.

  • #143638- Exception is not raised when we select the multiple nodes and performing a Framework event in the AngularJS binding.

  • #143829- Scroll change event is fired when scrolling.

  • #143716, #144028- HTML content is updated, when it is rendered both in overview control and the diagram control now.

  • #143354- Connector Decorator is now exported properly.

  • #143029- Edited connector segments are updated, while moving both source and target nodes of the connector.

  • #143007, #143370- Z-order support for the connectors is fixed now.

  • #143019 - Issue in updating connectors targetPoint at runtime is now resolved.

  • #142742 - when we double click on the element, click event is not triggered twice now.

  • #142746 - When you double click on the lane, the lane gets swapped issue is now resolved.

  • #142508 - When you move the swim lane containing TextNode, the TextNode remains static issue is now resolved.

  • #142469 - Issue in setting the borderWidth at runtime is fixed.

  • #142429 - Issue in connectors snapping with the gridLines, when the diagram is zoomed has been now resolved.

  • #142830 - Clear selection API is provided at runtime.

  • #143281 - Docking issue with ellipse is resolved.

  • #141586 - Exception is resolved now when canceling the connectorCollectionChange event.

  • #141551 - when you set the pageSettings orientation as landscape, the fitToPage now works fine.

  • #141580,#143038 - when you drag the label of the connector, the connector does not get disconnected from the node now.

  • #141579 - Support provided to cancel the connectorSourceChange and connectorTargetChange events.

  • #141406 - Issue in setting constraints for a lane is resolved.

  • #141306 - Issue in swimlane when you drag and drop the nodes into the phase of swimlane is resolved

Breaking changes

  • diagram.model.showTooltip is depreciated. Instead of that, use model.tooltip, selectedItems.tooltip.
  • diagram.model.tooltipTemplateId is depreciated. Instead of that, use selectedItems.tooltip.templateId.


Bug fixes

  • #141095- Keyboard navigation is now maintained when the Dialog is displayed.

  • #140436 - Now TreeGrid rendering properly inside the Dialog in button click event.


Bug fixes

  • #142883- FileExplorer resize works correctly.

  • #142996- Resize works properly when TreeView is disabled.

  • #142883 - initial misalignment with FileExplorer control , when you render FileExplorer inside the Dialog with responsive support and hidden state has been now resolved.

  • #141095 - Search option issue is resolved.

  • #141095 - In FileExplorer, file size column of grid view is now right aligned.

  • #141707,#142997 - Support is provided to access even the static physical path for FileExplorer control.

  • #141095 - Deleting no longer throws exception in FileExplorer control.

  • #141095 - Some options is in disabled state for content menu, while right click on folder issue is resolved

  • #141095 - Resizing of the Dialog in mouse hover is resolved.

  • #141095 - Naming issue in FileExplorer control is resolved.

  • #142883- When FileExplorer contains following API values (width: “100%”, isResponsive: true ), if we resize the opened dialog, FileExplorer now aligns properly.

  • #141095- Default Search considers Starts with scenario? and also considers contains now.

  • #141095- FileExplorer popup does not capture mouse when resizing.

  • #141095 - Provided support to display the icons shown in thumbnail view of the FileExplorer like windows explorer.

  • #140310 - FileExplorer supports auto upload option by using the “autoUpload” API.


  • #141095 - provided support to display the icons shown in thumbnail view of the FileExplorer like windows explorer.

  • #140310 - FileExplorer supports auto upload option by using the “autoUpload” API.


Bug fixes

  • #141282 - Issue while resizing window in IE8 has been fixed.

  • #143254 - Issue with cancellation of taskbarEdited event has been fixed.


Bug fixes

  • #142797- Disabled attribute added for all form elements.

  • #140275,#140142 - In AngularJS, form validation support is now added to our tools components.

  • #144272 - Issue in the control creation is resolved.

Breaking changes

  • Click here, to know about the list of API’s removed or modified in the vol-3 release.


Bug fixes

  • #143420 - Validation message scrolls along with grid scroller.

  • #142895 - Script error does not occur in IE9 now when filtering enabled for date column.

  • #143003 - Filter icon issue with column reordering has been fixed.

  • #143823 - Excel filter - Comma in ~dataSource does not truncate the value now.

  • #142718,#142798 - ~MaxLength and ~MinLength property works fine in AngularJS.

  • #143140 - Script error is not thrown now when the response in light format in OData adaptor.

  • #141802 - Wrong data is not returned now in ~getSelectedRecords method while using ~virtualScrolling

  • #142549 - ~args.cancel is now working fine in the resizeEnd event.

  • #142535 - Column details are now included in column template.

  • #142470 - ODataV4Adaptor not included in TypeScript issue is now resolved.

  • #143464 - Searching works as expected.

  • #142103 - Reordering works fine now.

  • #141796 - ~e-headercellfilter is now removed.

  • #141857 - Records are not removed now when we set the ~allowDeleting as false in the Batch Editing.

  • #141855,#142896 - ~getSelectedRecords does not return empty result when shift selection is done in a reverse order.

  • #141464 - when scrolling up and down, the grid does not break now.

  • #141556 - Selected data is obtained correctly after refreshing the dataSource.

  • #141429 - TextWrap issue with ~frozenColumn is fixed.

  • #141475 - Horizontal scroll bar misbehaves after Grid actions in RTL, issue is now resolved.

  • #141348 - Issue in the Grid rowSelected event getting wrong value in a virtual scrolling after sorting the column is fixed.

  • #141205,#142346 - Content getting scrolled with mouse pointer after expanding and collapsing in grid is resolved.

  • #141206 - FilterIcon issue with column Resizing is fixed now

  • #140916 - ~clearFiltering function for Grid filtering is provided.

  • #140817 - Filtering now works properly after clearing the filter and filtering using the Search box.

  • #140679 - No longer throws script error when validation is set for the complex data.

  • #140780 - Script error no longer throws when ~groupedColumns specified initially with allowGrouping as false.

  • #140150 - Grid content is misaligned after resizing and grouping issue is resolved.

  • #141475,#143151 - Issue in the Visibility of Grid column data when scrolling the horizontal scroll bar is fixed.

  • #140474 - Scroller is reset to the top position while using ~hideColumns or ~showColumns method issue is resolved.

  • #140474 - Hiding columns issue using field is resolved

  • #140369 - ~columnChooser label issue in two different Grid with same header text is now resolved.

  • #140194 - Misalignment issue in Grid inside a tab while using the ~allowScrolling is resolved.

  • #140290 - Responsive Grid Misalignment issue with ~dataSource update is resolved.

  • #140223 - Closing the filter dialog while horizontal scrolling issue is fixed now.

  • #140210,#142338 - ejScroller horizontal scrolling is now working properly with the track pad.

  • #140178 - Misalignment issue while grouping the column which has ~width in percentage is resolved.

  • #140076 - Selection now works properly after filter applied with ~virtualScrolling enabled.

  • #140026 - editTemplate write function now maintains the new value instead the original value.

  • #139932 - Templates is now refreshed in AngularJS Grid after performing Grid actions.

  • #139701 - Grouping does not misbehaves while group and Ungroup the column with same header text.

  • #136717 - Filter icon on last column is hidden while binding data by using setModel function issue has been fixed.

  • #140170 - Checkbox is rendered after setting ~locale to the grid.

Breaking changes

  • The API searchFields has been renamed to fields and searchKey has been renamed to key


Bug fixes

  • #143926- Able to focus on text box created using template option inside the ListBox now.

  • #143188- Refresh method in ListBox to refresh the height has been added.

  • #143188- ListBox is responsive when more than one is open.

  • #143002, #143215 - “getSelectedItems” does not return wrong values now, when multiple values are selected using shift key.

  • #141187 - Public methods “addItem”, “removeItem” are working properly in the ListBox control

  • #141045,#142166 – Public method “getSelectedItems” is now working properly when the selected items are changed programmatically.

  • #140337 - Client side events “dragStart” and “dragDrop” now triggers properly when you keep the ListBox inside the bootstrap side bar menu.

  • #143062- Remove node method now refreshes scroll bar height based on current items.

  • #142712- “CssClass” property value is now applied in the ListBox control by override the default style.

  • #142009 - Selection maintenance is fixed now.

  • #141696 - Provided incremental search option that allows navigating to the corresponding item based on the character typed.


Bug fixes

  • #142370 - cssClass API is now working properly in the ListView control.


  • #141696 - Provided incremental search option that allows navigating to the corresponding item based on the character typed.



  • #143332- Provided support for get the coordinates of the Map

  • #143479- Provided support for Select the map shapes using drag and drop

Bug fixes

  • #143235 – Center position not working for OSM issue has been fixed


Bug fixes

  • #141372 - MaskEdit is now working in AngularJS while specifying the “maskFormat” without any special characters.
  • #141767 - Now, it is possible to insert Menu item when Menu is empty.


Bug fixes

  • #141743 - allowPaging enabled Grid now does not throw console error while there is no data in it.

  • #140624 - enablePersistence now works properly on Grid with remote data binding.

OLAP Chart


  • #132818- 3D visualization of OlapChart is supported now.

Bug fixes

  • #142937- Exporting OLAPChart with large number of legends does not hide the chart.

OLAP Client


  • Support to view MDX query in dialog has been provided.

  • Auto Execute support has been provided.

  • Toggle Axis support has been provided.

Bug fixes

  • #144026- Exporting works properly.

  • #143227- CubeSelector selects current cube value on initial loading.



  • #141759,#142897- Defer Update support has been provided.

  • Relational datasource bound to PivotGrid can be exported to Word, PDF and Excel documents.

Bug fixes

  • #142664- Exporting is now working with NoSummaries layout.

Predictive Analytics


  • PMML stands for Predictive Model Markup Language. It is an XML-based file format developed by the Data Mining Group to provide a way for applications to describe and exchange models produced by data mining and machine learning algorithms. The Syncfusion PMML Execution engine directly score (interpret) the models based on PMML against inputs and provide output values. Important features of PMML Execution Engine are as follows.

  • Score inputs and provide output values.The results will match results obtained from R.Predicts both classification (Categorical values) as well as regression (Numeric values).Calculates the probability of prediction in case of categorical output.


Breaking changes

  • Data type of LabelPlacement property in HigherLevel and LowerLevel Label setting has been changed from from string to RangeNavigatorLabelPlacement Enum.

  • Data type of ValueType property has been changed from string to RangeNavigatorValueType Enum.

  • Data type of RangePadding property has been changed from string to RangePadding Enum.


Bug fixes

  • #143033 - Dependent dataset now works fine.

  • #142248 - Drill down expand/Collapse now works fine.

  • #F120275 - Background color and images are rendered while printing in Chrome Browser.

  • #144207 - Chart does not throw exception when placed inside group items.


Breaking changes

  • backStagePage dependent properties has been modified as backstageSettings

  • applicationTab Type property modified into type with enum data as ‘menu’ and ‘backstage’

  • itemID property has been modified as menuItemID to bind the application menu.

  • Client side events prefix ‘on’ is removed - backstageItemClick, galleryItemClick, tabAdd, tabClick, tabCreate, tabRemove, tabSelect, toggleButtonClick



  • Word count option is added in RTE footer that displays the number of words present in RTE content.

  • Default focus is provided in initial render.

  • An option is provided to retrieve the encoded content from RTE.

  • Automatic height adjust option is provided such that, when you type/paste large contents, it increases the height automatically based on the content instead of scrollers.

  • Paste/Replace the content option is provided that helps in pasting the content at current cursor position/selection.

  • Support provided to get current RTE’s iframe document.

  • Support provided to get range object from RTE.

  • Support provided to select the particular range of contents and also all the contents in RTE.

  • Support provided to view the RTE in full screen.

Breaking changes

  • enableToolbarItem, disableToolbarItem, removeToolbarItem public method’s arguments are changed. Instead of passing controlID+Tool as argument, you can directly pass the Tool itself.

  • Previously, showWordCont displays the number of characters in RTE. Now, it displays the number of words present in RTE.

  • Default value of the showHtmlSource property is changed to false.

  • Default value of the showClearAll property is changed to false.

  • iframeAttribute property is renamed to iframeAttributes. Now we can apply any kind of attributes to the iframe’s body element using this .

Bug fixes

  • #142770 - Can get RTE Value in form post.

  • #140874 - Disable is now working properly if disabled before rte gets refreshed.

  • #143771 - While using the RichTextEditor as a directive, the contents of the dropdown menu is now styled.

  • #143082 - While copy paste the content in RTE, src attribute is not generated twice in img tag.



  • The Agenda View feature allows you to display the list of appointments in a grid-like view, categorized based on the dates and resources levels.

  • Tooltip feature allows you to display the schedule appointments details on appointment mouse over. It can be customized using template.

  • First day of the week feature allows the Scheduler to modify the first day of the week and the workweek. In week view and workweek view, the next consecutive seven or five days from the specified start day are displayed on the Scheduler respectively.

  • The Workweek feature allows the user to customize the display of working days with the set of user-defined day’s collection.

  • The user is allowed to provide any kind of data type values to the id field of the Scheduler appointments. The GUID has been generated internally for each scheduler appointment.

Bug fixes

  • #143457- Time is shown properly now in create window of horizontal custom view scheduler.

  • #142876- Appointment details are now displayed in the beforeContextMenuOpen event.

  • #142813- Drag and drop now works properly while applying the bootstrap CSS.

  • #142689- An All day appointment can now be dragged into a normal appointment.

  • #142778- Cell misalignment does not occur now when we give lengthier name for resources.

  • #142763- Script error is not thrown now when you drag and drop the appointment.

  • #142689- Support provided for the appointment preview while dragging.

  • #142689- Recurrence delete is not completely different now.

  • #142689- Days of the week in Vietnamese is right.

  • #142689- Casing is proper in repeat appointment window and margin is set to full window.

  • #142689- Setting end date for recurrence before begin date is not allowed.

  • #142689- The delete dialog confirmation window works fine.

  • #142689- Casing is fine in quick appointment edit window.

  • #142689- Able to drag and drop small appointment.

  • #142492- Current Time Indicator’s alignment issue has been fixed, while rendering with multiple resources.

  • #142380 - Delete icon will now be displayed if you set enableAppointmentResize as false.

  • #142380 - Doesn’t print full Scheduler it prints only part issue is resolved.

  • #142380 - Data is refreshed at the time of appointment creation.

  • #142506, #142771 - Support provided to accept any data type to Id field.

  • #142380 - Custom window opens when we set showQuickWindow false.

  • #141631 - Appointment data binds while calling the web service by using the URL.

  • #141786 - Cell misalignment issue in horizontal day view is resolved.

  • #F119993 - Drag and drop now works properly in horizontal resource grouping.

  • #143630 - Categorize settings can be set in URL dataSource.


Bug fixes

  • #140014 – Scrollbar’s setting of incorrect width to its content when the width is specified in percentage has been resolved.

  • #140328 - Scrollbar now takes 100% height.

  • #140210,#142338 – Scrollbar horizontal scrolling is now working properly with the track pad.

  • #139616- Scrollbar works fast in Windows Phone now.


Bug fixes

  • #140698 - Client side event “select” now trigger properly, when you use same “targetID” for multiple SplitButton.


Bug fixes

  • #144604 - Splitter icons are changed.



  • The Spreadsheet control for JavaScript is a Microsoft Excel-like spreadsheet component for the web. It provides an editing experience that is very similar to that of Excel, and is able to import and export Excel workbook files.


Bug fixes

  • #141184 - In TimePicker control, issue with AngularJS support sample unable to type minutes value 33 initially is resolved.

  • #140142 - TimePicker now works properly when you specify the date in JSON notation.

  • #129953 - The value in the TimePicker is selected in the popup at the initial rendering.

  • #141184- TimePicker minutes is not updated properly in two way binding support.


Bug fixes

  • #142883 - Issue with FileExplorer control having some initial misalignment, when you render FileExplorer inside the Dialog with responsive support and hidden state has been now resolved.

  • #144594 - In Toolbar, misalignment when double clicking any Toolbar item is resolved.



  • #136135, #140688, #142336 - Support for exporting TreeGrid in PDF has been provided.

  • #142676 - Client side event for toolbar click event has been implemented.

Bug fixes

  • #141001 - Issue while providing menuId value as numeric for custom context menu has been fixed.

  • #141688 - Cell editing issue without edit icon in toolbar has been fixed.

  • #142457 - Issue in refreshing a row which is not in view in virtualization mode has been fixed.

  • #142491 - Issue with TreeGrid scrollbar visibility while zooming the browser has been fixed.

  • #142334 - Issue with row drag and drop tooltip while rendering multiple TreeGrid has been fixed.

  • #143611 - Row placement issue with mouse right click after performing row drag and drop operation, has been fixed.

  • #143498 - Issue in tab key press navigation on editing disabled cell has been fixed.

  • #143498 - Issue in focusing a cell after editing, in Internet Explorer 8 browser, has been fixed.

  • #141009, #143757 - Issue in row drag and drop with self-referential datasource has been fixed.

  • #141379, #142449 - Issue while hiding template column in virtualization mode has been fixed.

  • #142449 - Issue while hiding template column in virtualization mode is resolved.

Breaking changes

  • Moved the filterBarMode property within filterSettings property.

  • filterEditType property has been deprecated, and now the filterEditType property derives value from editType property in the column object.


Bug fixes

  • #143463- “expandNode” method now works fine with “loadOnDemand” option.

  • #142806- Able to form the TreeView from a single remote URL now.

  • #139047 - TreeView code crash does not occur.

  • #142190 - The parent node is now the target element issue while an element is dropped before its first sibling is resolved.

  • #141390 - Keypress event is now triggered while pressing the delete key.

  • #143463- expandNode method now works fine with loadOnDemand option.

  • #142806- Able to form the TreeView from a single remote URL now.

  • #143248, #143250 - TreeView parent node’s checked/unchecked state is based on the state of the child nodes on control initialization.

  • #142081,#143134 - TreeView provides option to insert node in between by using the “insertBefore”,” insertAfter” methods.

  • #124441 - Controls the expand of nodes whether it allows single or multiple expansion of nodes by using the “enableMultipleExpand” property

  • #118757, #131194 - Provided support to ensure visibility of the tree nodes by using the “ensureVisible()” method.


  • #143248, #143250 - TreeView parent node’s checked/unchecked state is based on the state of the child nodes on control initialization.

  • #142081,#143134 - TreeView provides option to insert node in between by using the “insertBefore”,” insertAfter” methods.

  • #124441 - Controls the expand of nodes whether it allows single or multiple expansion of nodes by using the “enableMultipleExpand” property.

  • #118757, #131194 - Provided support to ensure visibility of the tree nodes by using the “ensureVisible()” method.

Breaking changes

  • # 142197 - Previously, the TreeView persisted the nodes collection based on the tree nodes index, now it is modified based on “id” of the nodes.

  • Previous node processing methods accepted arguments as a string with the hashtag (“#”) symbol. Now it has been optimized where the string is passed only in the arguments. For example, the collapse node syntax was collapseNode(“#node1”) before; now the syntax has been modified as collapseNode(“node1”) (or) collapseNode($(“#node1”)).


Breaking changes

  • ‘dragAreaText’ property name is changed to ‘dropAreaText’.

  • ‘multipleFilesSelection’ property default value - false is changed to true.

  • In fileSelect event selected files will be available in ‘argument.files’.

Bug fixes

  • #141095 - Issue with Error message for file type not allowed, is not formatted or presented properly is now resolved.


Bug fixes

  • #141798 - Alignment issue with WaitingPopUp is resolved now.