Objektorientierte Schnittstelle

Wenn Sie die objektorientierte Schnittstelle verwenden, werden Ihre Management View Komponenten zunächst als Objekte deklariert und erzeugt (instanziiert). Nachdem die HTML-Seite geladen wurde, werden die instanziierten Objekte Ihrer Management Views initialisiert und dargestellt.

Um sicherzustellen, dass Ihre Management View-Komponenten erst nach vollständigem Laden der HTML-Seite angezeigt werden, geben Sie die JavaScript-Methode, die die init-Methoden Ihrer Management View-Objekte aufruft, im Attribut onload des HTML-Tags <body> Ihrer HTML-Seite an, z. B. <body onload="initMVComponents();">.

Deklaration

Jedes Objekt der Management View-Komponenten Ihrer html-Strukturdatei müssen Sie zunächst durch die Methode new erzeugen und in einer JavaScript-Variablen speichern. Für Flex-basierte Management Views gibt es dafür die Objektklasse MVFlexComponent.

Mit folgender JavaScript-Zeile erzeugen Sie ein MVFlexComponent-Objekt und speichern es in der Variablen mv1:

...

var mv1 = new MVFlexComponent();

...

Initialisierung und Anzeige

Zuvor erzeugte Management View Komponenten werden durch Aufruf der Objektmethode init() in Ihrer html-Seite angezeigt. Die Methode hat folgende Parameter:

init(id, favoritePath, favoriteServer, width, height, view, filterMaster, externalLink);

Parameter

Beschreibung

id

Identifizierer des HTML-Elements, in dem die Management View Komponente angezeigt wird.

favoritePath

Pfad des Favoriten im Quellsystem

Syntax: \<favoritefolder>\...\<favoritename>

Ersetzen Sie das Backslash-Zeichen im Favoritenpfad jeweils durch die Zeichenfolge %5c und vermeiden Sie Sonderzeichen wie Umlaute u. ä. in Ordner- und Favoritennamen.

favoriteServer

Art des Favoriten, mögliche Werte:

FAVORITE_PRIVATE: Benutzer-spezifisch

FAVORITE_SHARED: allgemein

width

Breite der eingebetteten Flex-Komponente in Pixel oder Prozent

height

Höhe der eingebetteten Flex-Komponente in Pixel oder Prozent

view

Wenn die Management View-Komponente ein Diagramm enthält, können Sie zwischen zwei Diagrammtypen wählen:

  • BITMAP:
    Das Diagramm wird als von PPM erzeugte Grafik eingebunden. Außer der Anzeige von Tooltips ist keine weitere Interaktion mit dem Diagramm möglich. Es kann insbesondere nicht als interaktive Filterkomponente dienen.
  • FLEX:
    Das Diagramm wird mit Hilfe der Flex-eigenen Diagrammbibliothek dargestellt. Durch die vorhandenen Interaktionsmöglichkeiten kann es als interaktive Filterkomponente dienen (siehe Kapitel Interaktive Filter zwischen MV-Komponenten).

filterMaster
(optional)

Durch Komma getrennt Liste (Array) der Management View-Komponenten und globalen Filterkomponenten, die als Filter auf die gewählte Komponente wirken sollen (siehe Kapitel Interaktive Filter zwischen MV-Komponenten bzw. Globale Filterkomponenten einbinden)

externalLink
(optional)

Zusätzlich zum URL-Aufruf des Quellsystems mit den Analysedaten der gewählten Management View-Komponente kann eine weitere URL zum Aufrufen einer externen HTML-Seite angegeben werden.

Für einen externen Link kann keine Beschreibung angegeben werden.

Wenn Sie für die Breite der Management View-Komponente einen prozentualen Wert angeben, passt sich die Breite der angezeigten Management View-Komponente automatisch der Größe des Browser-Fensters an.

Beispiele für Anpassungen der Methode

Achten Sie beim Eintragen bzw. Ändern der Parameterwerte auf die durch die Methode vorgegebene Reihenfolge der Parameter. Möchten Sie für bestimmte Parameter keine Werte bei Aufruf des Management View übergeben, lassen Sie die entsprechenden Angaben leer ("").

Beispiel für eine Flex-MV

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<html>

<head>

<script language="javascript"
src="../assets/javascript/mvhelper.js">
</script>

<script language="javascript"
src="../assets/javascript/linkhelper.js">
</script>

<script language="JavaScript" type="text/javascript">
initializeFlex();

// MVComponents has to be declared here

//

var mv1 = new MVFlexComponent();
var mv2 = new MVFlexComponent();

// MVComponents has to be initialized here, after

// page has been loaded

//

function initMVComponents() {

mv1.init("node1", "%5CFav_1", "FAVORITES_PRIVATE",
"FLEX", "100%", "400", "", "");
mv2.init("node2", "%5CFav_2", "FAVORITES_PRIVATE",
"FLEX", "100%", "400", "", "");
}

</script>

</head>

<body onload="initMVComponents();">

<div>

<table cellpadding="0" cellspacing="0" rules="none"
frame="void" border="0" bgcolor="#FFFFFF"
width="100%" height="100%">

<tbody>

<tr>

<td id="node1"></td>

<td id="node2"></td>

</tr>

</tbody>

</table>

</div>

</body>

</html>