アプリケーションの作成

以下のコードを使用すれば、IBM® ILOG® Dojo Diagrammer アプリケーションの空ページを作成することができます。Diagram コンポーネントは、Dojo と同じディレクトリーにあります。この場合は、相対 ../.. ディレクトリーになります。
Dojo アプリケーションを作成してグラフを表示するには、次のようにします。
  1. 以下のコードを使用します。
    <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. ノードおよびリンクを含む最上位のグラフを作成します。
    アプリケーションの設計に応じて、次の 2 通りの進め方があります。
    • 内部にグラフのある GFX 面を手動作成する
    • 面およびグラフを内部作成する Diagram ウィジェットを作成する
    アプリケーション内に既に GFX 面がある場合は、最初のオプションを選択します。 2 番目のオプションは、まったく新しいアプリケーションを開始する場合に適しています。Diagram ウィジェットは、スクロール・バー、対話式パン、ズーミングなどの組み込み機能を提供しています。