Overview-Renderer verwenden

Das Widget "Overview" stützt sich auf ein Rendererobjekt, das den Inhalt zeichnet. Der Standardrenderer, OverviewTemplateRenderer, basiert auf demselben Schablonierungsmechanismus, der für die Generierung der Visualisierung für die Graphenelemente verwendet wird. Der Renderer OverviewTemplateRenderer kann mit speziellen Schablonen für das Overview-Widget konfiguriert werden. Sie können Schablonen für Link, Node und Subgraph als feste Schablonen oder als Funktionen angeben, die sich nach dem Objekt richten, für das die Schablone benötigt wird.
Gehen Sie wie folgt vor, um einen OverviewTemplateRenderer zu erstellen:
  • Verwenden Sie den folgenden Code:
    JavaScript:
    renderer = new ibm_ilog.diagram.overview.OverviewTemplateRenderer(
                                          graph,
                                          myNodeTemplate,
                                          myLinkTemplate,
                                          mySubGraphTemplate
                                        );
    Markup:
    <div
      dojoType="ibm_ilog.diagram.overview.OverviewTemplateRenderer"
      graph="diagram.getGraph()"
      node="myNodeTemplate"
      link="myLinkTemplate"
      subgraph="mySubGraphTemplate"
      jsId="renderer"/>
    </div>
Gehen Sie wie folgt vor, um einen konfigurierten Renderer für das Overview-Widget festzulegen:
  • Verwenden Sie das zugehörige Attribut "renderer":
    overviewWidget = new ibm_ilog.diagram.overview.OverviewWidget({
      diagram:dijit.byId("myDiagram"),
      renderer: renderer
    });
    Alternativ
    Ändern Sie den Renderer nach der Erstellung des Overview-Widgets:
    dijit.byId("myOverviewWidget").getOverview().setRenderer(renderer);