MindFusion.JavaScript Pack

Grids, Diagramming, Scheduling, Charts and UI for JavaScript apps.

Published by MindFusion Group
Distributed by ComponentSource since 2003

Prices from: US$ 588.00 Version: 2025.R2 Updated: Nov 5, 2025

Screenshot of MindFusion.JavaScript Pack

MindFusion.JavaScript Pack Releases

Released: Nov 5, 2025

Updates in 2025.R2

Features

Diagramming

  • Paged Containers
    • PagedContainerNode is a ContainerNode subclass that organizes its child nodes into a collection of pages, represented by ContainerPage objects. This allows for the creation of more organized diagrams where nodes can be grouped into logical views within a single container. Only the nodes belonging to the currently active page, specified by currentPage property, are rendered and participate in user interactions.
    • Navigation between pages is handled by scroll...
Read more

Released: Jun 4, 2025

Updates in 2025.R1

Features

Diagramming

  • ItemListView Component
    • ItemListView supersedes NodeListView and lets you show both nodes and links in the list. Items can be added by calling addItem method, and removed by calling removeItem.
    • The autoConnectLinks and autoConnectDistance properties control whether links created via drag-and-drop should connect to nearby nodes in the target diagram.
    • ItemListView also provides more properties for customizing the list layout, such as columns and labelPosition.
  • Palette component...
Read more

Released: May 16, 2024

Updates in 2024.R1

Features

  • Web components
    • The WebComponents.register method of each module from the pack now lets you register its controls as web components:

New in Diagramming for JavaScript

  • TableNode improvements
    • getRow and getColumn methods now return strongly-typed TableRow and TableColumn objects.
    • The anchorPattern property of TableRow and rowAnchorPattern property of TableNode now let you specify the points where links connect to table rows.
    • cellTextColor property now lets you set default color of cell...
Read more

Released: Nov 14, 2023

Updates in 2023.R3

Features

New in Diagramming for JavaScript

  • Web components
    • The library now registers each control class as a web component. You can now use the following tags to create corresponding components:
      • <mindfusion-diagramview> creates a DiagramView instance.
      • <mindfusion-ruler> creates a Ruler instance.
      • <mindfusion-zoomcontrol> creates a ZoomControl instance.
      • <mindfusion-overview> creates an Overview instance.
      • <mindfusion-nodelistview> creates a NodeListView instance.
    • When...
Read more

Released: Jul 6, 2023

Updates in 2023.R2

Features

New in Diagramming for JavaScript

  • Multiple diagram pages - Added DiagramDocument class which represents a collection of diagram pages or sheets.
    • New pages can be added to the document and existing pages can be removed or reordered.
    • Includes methods to load/save all pages in a single file.
    • Can also load files created by serialization methods which show them in a single page.
  • Tabbed diagram view - Added TabbedDiagramView control which is a view that displays DiagramDocument objects...
Read more

Released: May 15, 2023

Updates in 2023.R1

Features

New in Diagramming for JavaScript

  • Radial tree layout - Added new class which arranges tree levels in concentric circles around the root.
  • Lasso zoom tool - The control now supports several ways to zoom using lasso tool:
    • You can set the behavior property to 'Zoom' to always draw zoom lasso.
    • You can let users draw a zoom lasso with modifier key and the left mouse button.
  • Blazor bindings - Contains a set of .NET wrapper classes that use Blazor's JSInterop API to create and manipulate client...
Read more

Released: Aug 29, 2022

Updates in 2022.R1

Features

New in Diagramming for JavaScript

  • React functional components - The @mindfusion/diagramming-react package now contains functional-component wrappers for the DiagramView and auxiliary controls, and has been upgraded to React 18.
    • Old class-component wrappers have been moved to the @mindfusion/diagramming-react-cc package.
    • The DiagramView control exposes a forwardRef, that can be passed on to other controls, such as the Overview and ZoomControl.
    • To obtain a reference to the underlying...
Read more

Released: Dec 23, 2021

Updates in 2021.R2

Features

Diagramming

  • ECMAScript 6 (ES6) modules, classes and properties - The source code has been refactored following ES6 standards, including modules, classes, properties and native collections.
    • ArrayList, Dictionary and Set classes from the MindFusion.Collections namespace have been removed and replaced by respective JavaScript native Array, Map and Set.
    • Get/set functions have been replaced by getter/setter properties, which should help you use the diagram API with the binding expressions of...
Read more

Released: Mar 6, 2021

Updates in 2021.R1

Features

Diagramming for JavaScript

  • Added support for Topological Layouts - Applies topological graph ordering to the diagram.
  • Adjustment Handles Styling
    • The appearance of adjustment handles can now be customized.
    • The HandlesVisualStyle objects returned by them provide sub-properties corresponding to graphic attributes of the different handle types.
    • Adjustment handles can now be painted not only in solid color but with arbitrary brushes such as gradients and patterns.
  • Miscellaneous
    • The diagram...
Read more

Released: Nov 13, 2020

Updates in 2020.R2

Features

MindFusion.Diagramming

  • Control nodes - New ControlNodes.html example included in distribution demonstrates the ControlNode API.
    • ControlNode objects display custom HTML content, specified via their Template property.
  • Button components - Composite nodes can now contain buttons. Button components respond to user clicks by calling the JavaScript function whose name is assigned to their clickHandler attribute. A button can show a text label assigned to the text attribute, or an image whose...
Read more