Criando o Aplicativo

É possível usar o seguinte código para criar uma página vazia do aplicativo IBM® ILOG® Dojo Diagrammer. O componente Diagrama está localizado no mesmo diretório que o Dojo. Neste caso, no diretório relativo ../...
Para criar um aplicativo Dojo para exibir um gráfico:
  1. Use o seguinte código:
    <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. Crie um gráfico de nível superior que contenha nós e links.
    É possível prosseguir de duas maneiras diferentes, dependendo de como seu aplicativo foi projetado:
    • Criando manualmente uma superfície GFX com um gráfico dentro dela
    • Criando um widget Diagrama, o que cria uma superfície e um gráfico internamente
    Escolha a primeira opção se já tiver uma superfície GFX no seu aplicativo. A segunda opção é mais adequada se você iniciar um aplicativo totalmente novo. O widget Diagrama oferece recursos integrados como barras de rolagem, panoramização interativa, aplicação de zoom, etc.