Creación de la aplicación

Puede utilizar el código siguiente para crear una página vacía de la aplicación de IBM® ILOG® Dojo Diagrammer. El componente Diagram se encuentra en el mismo directorio que Dojo. En este caso, en el directorio ../.. relativo.
Para crear una aplicación Dojo que permite visualizar un gráfico:
  1. Utilice el código siguiente:
    <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. Cree un gráfico de nivel superior que contiene nodos y enlaces.
    Puede proceder de dos formas distintas, dependiendo de cómo esté diseñada la aplicación:
    • De forma manual, creando una superficie GFX con un gráfico en su interior
    • Creando un widget Diagram que crea una superficie y un gráfico de forma interna
    Elija la primera opción si ya tiene una superficie GFX en la aplicación. La segunda opción es más adecuada si empieza una aplicación nueva. El widget Diagram ofrece características incorporadas como barras de desplazamiento, una vista panorámica interactiva, zoom, etcétera.