The list below describes recent changes and additions to MindFusion JavaScript Pack:
The library registers each control class as a web component. You can use the following tags to create corresponding components:
When instantiated as a web component, each control class creates required HTML elements as internal shadow DOM. You can get the JavaScript object corresponding to a web component by calling controls' find method with id argument.
HTML Copy Code |
---|
<mindfusion-diagramview |
JavaScript Copy Code |
---|
var diagramView = DiagramView.find("diagramView"); |
The library now includes several standard animation classes and methods.
The animate method of DiagramItem can run following animations:
Following animations can be applied to DiagramNodes:
The animate method of DiagramView can run following animations:
The reversedLinks property of TreeLayout, RadialTreeLayout and BorderedTreeLayout lets you arrange trees where links point from child to parent nodes, instead of the default parent to child direction.
The library registers the Calendar class as a web component. You can use the <mindfusion-calendar> tag to create the control.
When instantiated as a web component, the control creates required HTML elements as internal shadow DOM. You can get the JavaScript object corresponding to a web component by calling the find method with id argument.
HTML Copy Code |
---|
<mindfusion-calendar id="calendar" style="height: 100%; width: 100%;"> |
JavaScript Copy Code |
---|
var ms = MindFusion.Scheduling; |
The library registers the Grid class as a web component. You can use the <mindfusion-grid> tag to create the control.
When instantiated as a web component, the control creates required HTML elements as internal shadow DOM. You can get the JavaScript object corresponding to a web component by calling the find method with id argument.
HTML Copy Code |
---|
<mindfusion-grid id="grid"> |
JavaScript Copy Code |
---|
var dv = MindFusion.DataViews; |