MindFusion.JavaScript Pack 2020.R1

Grid

• JsDataViews - a grid control that binds to an array of objects and displays the data in tabular format.
• Some of the main features of the grid control are:
  • Row virtualization - Only the rows that are visible within the current viewport are rendered, which allows large sets of records to be displayed faster.
  • Inplace editing of grid cells - Data-type dependent inplace editors allow inline editing of grid cells data. Custom editors from the MindFusion.Common.UI library can also be used as inplace editors for the DateType, DateTimeType and ImageType data types.
  • Select, add and delete grid rows interactively - A built-in row header context menu supports add and delete operations.
  • Interactive column sorting and resizing - A built-in column header context menu supports sorting operations.
  • Custom draw cells and column headers - You should handle the customDraw events.
  • Localization support - Date, number and currency values can be localized by specifying Intl locale and options in the column metadata.
  • Themes - A set of predefined css themes are available.

Diagramming

• Shape components - The Shape class used to specify ShapeNode geometry can also be used as a component in CompositeNode.
• Video nodes - VideoNode objects display video streams, along with UI elements to play, pause, seek and change volume.
• React support - The DiagramView React component allows integrating the MindFusion.Diagramming API into React applications.
• Vue.js support - The diagram-view Vue.js component allows integrating the MindFusion.Diagramming API into Vue.js applications.
• Angular support - The diagram-view Angular component allows integrating the MindFusion.Diagramming API into Angular applications.
• Miscellaneous
  • Improved automatic routing of links.
  • Added more precise scrolling with TableNode scrollbar thumb.
  • Added containerChildAdding event handlers which can stop propagation of the event in the container hierarchy by calling setHandled.

Charting

• Added support for innerLabelRotation, outerLabelRotation and stackOuterLabels properties which give you better control over the rendering of labels in bar charts.
• Improved the ToolTip class with many new properties that allow you to customize the appearance and position of tooltips.
• The Color.knownColors field lists all standard CSS color names.
• Brush and Pen instances can be created with simple strings that specify the HTML code of the color as argument instead of Color objects.
• The yLabelAlignment property of BiaxialChart specifies horizontal alignment of Y-axis labels.
• All Series can now accept simple JavaScript arrays as arguments instead of Collections.List instances.

Mapping

• Canvas overlays - Canvas-based decoration layers can display Circle and Poly drawings at specified geographical locations.

Scheduling

• Serialization Support - The Schedule class registerClass method allows you to register custom types for serialization support. Members of your custom class will be serialized with the schedule. If you don't register your custom class, but it derives from one of the library classes that support serialization, your class will be serialized the way the base class is serialized.
• The itemDraw event has been added to the Calendar class. It is raised when schedule items are drawn. An instance of ItemEventArgs provides you data about the event and allows you to access the DOM element of the Item that is drawn.

Virtual Keyboard

• Added support so that you can use the virtual keyboard with Quill.

UI

• DateTimePicker control - An input control with the ability to parse and select dates from a popup calendar and/or time from a popup list.
• Calendar control - A lightweight month calendar control.
• ImagePicker control - An input control with the ability select images from the file system or a predefined list.