Amd Loading Demo [yFiles for HTML]

This demo loads the yFiles module resources using the require function that is defined in the AMD loading standard.

The default AMD Loader in use by this demo is the one included in the distribution as part of the demos in demos/resources/require.js.

Different AMD Loader implementations should work, too. E.g. in the sources of this page below you can find the configuration code for other popular implementations. These can easily be tested by commenting out the current loader and uncommenting one of the alternatives.

The alternatives listed in this file are the RequireJS loader and the loader included in the dojo Toolkit.

Resources that have a .js ending are loaded as JavaScript files. Loading a resource without the .js postfix loads the resource as a module. Only the required top-level modules in the reference-tree have to be required explicitly. Dependent modules are resolved and loaded automatically without having to specify them.

Please take a look at the HTML sources of this document to see how to load modules using require.

Modules can be loaded dynamically at runtime when certain resources are needed. This improves the app's loading speed at startup. In order to observe dynamic loading at runtime, hit the layout button. The modules layout-hierarchic and graph-layout-bridge needed for layout calculation are loaded when the button is hit for the first time. Please take a look at the demo's source code to see how dynamic loading works.

Legal Disclosure | Privacy Policy | View on GitHub

yFiles for HTML AMD Loading Demo [yFiles for HTML]