The only JavaScript toolkit you will ever need just got better, with new controls such as StockChart and TreeGrid alongside the final versions of the Pivot Table, Document Editor, and Diagram controls.
The following components have been added to Essential JS 2.
The Chip control contains a small block of essential information that triggers an event on click action. It also contains the primary text, image, or both, and is mostly used in mail, contacts, or filter tags.
Input chip—Basic chip with a delete icon that represents a person or entity and enables the removal of chips from the chip list collection.Choice chip—Used to select an option from those available.Filter chip—Used to select multiple options from those available.
The In-place Editor control is used to edit an element in place with inline and pop-up modes. The control has built-in support to handle all form controls such as text box, drop-down list, date picker, and rich text editor.
The PDF Viewer component enables you to view and print PDF files:
The Query Builder component is a graphical user interface that allows you to create and edit filters. It outputs a structured JSON of filters that can be easily parsed to create SQL. The control is integrated with Data Manager to communicate with a data source and returns the desired results based on the provided filter. It supports data binding, templates, and horizontal and vertical orientations.
The Splitter component is a layout user interface (UI) control that has resizable split panes. The container splits into multiple panes that are oriented horizontally or vertically. The separator (divider) splits the panes and is used to resize panes. Place the Splitter control inside a split pane to make a nested layout user interface.
The TreeGrid is a feature-rich control used to visualize self-referential hierarchical data effectively in a tabular format. Its rich feature set includes many functionalities: data binding, editing, sorting, filtering, grouping, paging, aggregating rows, and exporting to Excel, CSV, and PDF formats.
The StockChart is a feature-rich control used to track and visualize the stock price of any company for a specific period using charting and range tools. Its rich feature set includes many functionalities: data binding, tooltip, crosshair, zooming, panning, and exporting to image and PDF formats. All stock elements are rendered by using Scalable Vector Graphics (SVG).
The following components have been moved from preview to production in Essential JS 2:
In addition to the Gregorian calendar, the Calendar control supports displaying the Islamic calendar (Hijri calendar).
Load a chart with data on demand.
Pie chart now supports different radii for each slice.
Change the center of the pie.
Chart now supports gridline and axis label animation on legend click.
The radius of the circular gauge will be calculated based on the start and end angles to avoid excess white space while rendering semi or quarter circular gauge.
This feature allows users to create a UML class diagram through code or a visual interface with the built-in class diagram shapes.
This feature allows users to create a UML activity diagram through code or a visual interface with the built-in activity shapes.
This feature allows users to limit the label positions while dragging a label from the connector.
This feature allows the users to generate a diagram by reading the data from the database, and updating the database with the newly inserted/updated/deleted nodes and connectors.
This feature allows users to render a large number of nodes and connectors in a diagram for effective performance.
Resize modal and non-modal (modeless) dialogs. The dimensions of a dialog can be adjusted dynamically using this feature.
The DocumentEditor now supports right to left flow direction for all UI elements like the find and replace pane, dialogs, and more.
The DocumentEditor now supports input method editor (IME) that allows entering complex languages like Japanese, Chinese, etc.
The File Upload control processes files sequentially from the queue instead of trying to upload all the files at once.
Drag and drop grid rows within the Grid to change row positions dynamically in the UI.
This feature allows the user to span adjacent rows using grid events.
Print ‘n’ levels of child grids.
Export ‘n’ levels of child grids to Excel, CSV, and PDF formats.
Add a new row at the bottom of a grid in the UI.
Group multilevel axis labels in heatmaps.
Toggle cell visibility in heatmaps by selecting legend items in the legend.
Select a single cell or multiple cells using mouse interactions in heatmaps.
Now, apply desaturation color mapping for the shapes in Maps along with gradient colors for legend items.
It is possible to display only the desired legend items for color mapping and to bind legend text from the data source.
Select or highlight the legend items similar to the shapes in Maps.
End users can edit raw items at runtime, simultaneously updating the control.
Provides support to easily obtain the list of raw items for a particular value cell or summary cell.
In the filter dialog, provided support to limit display field values and search options to work with large data without any performance constraint.
Allows users to retrieve information about a particular cell through a hyperlink cell click. It also allows users to perform custom operations programmatically.
End users can refresh the control on-demand rather than during every UI interaction.
Provided support to show or hide subtotals and grand totals for rows and columns.
More aggregation types like distinct count, product, index, population stdev, sample stdev, population var, sample var, running totals, difference from, % of difference from, % of grand total, % of column total, % of row total, % of parent total, % of parent column total, and % of parent column total have been added.
This feature allows users to add tables with rows and columns in the Markdown editor.
Context menu can be used with Scheduler now, which opens when the cells or appointments are right-clicked.
A specific time range can be blocked to prevent the creation of appointments in that time slot.
Drag and drop appointments from Scheduler to external sources and vice versa.
Specific events can be made read-only on Scheduler, restricting any CRUD actions.
Load resources and appointments of timeline views virtually on every scroll action.
You can drag appointments on mobile devices using the tapHold event. Now, we’ve made improvements to achieve smooth scrolling and auto-navigation across a date range while dragging appointments to the extremities.
Provided vertical orientation support in the Tab control, which arranges tab items from top to bottom. The header is positioned at the left or right edges of the Tab control.
Now, apply desaturation color mapping for the items in TreeMap along with gradient colors for legend items.
It is possible to display only the desired legend items for color mapping and to bind legend text from the data source.
Select or highlight the legend items similar to the items in TreeMap.
Provided an option to prevent automatic check/uncheck of the TreeView parent and child checkboxes. Now, each checkbox will act independently.
Now, you can use hierarchical data from remote services in the TreeView control.
Provided an option to disable the load-on-demand support in TreeView control.
You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.