Création de l'application

Vous pouvez utiliser l'exemple de code suivant pour créer une page vide de l'application IBM® ILOG® Dojo Diagrammer. Le composant Diagram est situé dans le même répertoire que Dojo. Ici, il s'agit du répertoire ../.. relatif.
Pour créer une application Dojo afin d'afficher un graphe :
  1. Utilisez le code suivant :
    <html>
        <head>
            <title>Dojo Diagrammer Tutorial</title>
            <!-- load the dojo toolkit base -->
            <script type="text/javascript">
                var djConfig = {
                    parseOnLoad: true
                }
            </script>
            <script type="text/javascript" src="../../dojo/dojo.js"></script>
            <script type="text/javascript" src="../../dojox/collections.js"></script>
          
            <style type="text/css">
                @import "../../dijit/themes/tundra/tundra.css";
                /* our CSS can go here */
            </style>
        </head>
        <body class='tundra'>
           <h1>Dojo Diagrammer Tutorial</h1>
        </body>
    </html>
  2. Créez un graphe de niveau supérieur contenant des noeuds et des liens.
    Vous pouvez procéder de deux façons différentes, selon la manière dont votre application est conçue :
    • en créant manuellement une surface GFX avec un graphe à l'intérieur ;
    • en créant un widget Diagram qui crée une surface et un graphe en interne.
    Choisissez la première solution si vous disposez déjà d'une surface GFX dans votre application. La seconde solution convient mieux si vous démarrez une nouvelle application. Le widget Diagram offre des fonctions intégrées, telles que des barres de défilement, un panoramique et un zoom interactifs, etc.