Designer Workbench im Webbenutzerschnittstellen-Framework für Anwendungsentwickler

In Designer Workbench können Sie mithilfe von WYSIWYG-Tools neue Anzeigen für eine Anwendung erstellen. Die Tools sind denen in Extensibility Workbench vergleichbar. Diese Workbench dient zum Ändern der Anzeigen einer sofort einsatzfähigen Anwendungsinstallation.

Sie haben zwei Möglichkeiten, auf Designer Workbench zuzugreifen:

Über eine URL.
Anwendungsentwickler greifen mit dieser Methode auf Designer Workbench zu.
Über einen Link in Extensibility Workbench.
Kundenspezifische Entwickler greifen mit dieser Methode auf Designer Workbench zu.

Hinweis: Sie können zwar über eine sofort einsatzfähige Installation einer Anwendung auf Designer Workbench zugreifen, die Änderungen, die Sie vornehmen können, sind jedoch begrenzt. Arbeiten Sie mit IBM® Customer Support zusammen, wenn Sie eine sofort einsatzfähige Installation mithilfe von Designer Workbench ändern.

Funktionsübersicht

Das Benutzerschnittstellenlayout von Designer Workbench enthält Editoren mit mehreren Registerkarten und Ansichten. In diesen Ansichten können Sie Folgendes bearbeiten:

Widgets
Datenquellen
Projektdateien
Anzeigenlayouts
Komponentenhierarchie
Komponenteneigenschaften
Codevorlagen

Technische Übersicht

Die Benutzerschnittstelle von Designer Workbench wird mit dem Ext JS JavaScript -Framework erstellt. Die Benutzerschnittstellenelemente einer Anzeige werden in einer Datei im JSON-Metadatenformat gespeichert. Mit diesen Metadaten werden Erweiterungskonfigurationsobjekte generiert, die Sie in Ext JS bearbeiten können. Ext JS unterstützt die Bearbeitung von Konfigurationsobjekten nur zum Erstellen oder Ändern von Benutzerschnittstellenkomponenten.

Palettenkomponenten befinden sich in einer Komponentenregistrierungsdatenbank. Die Komponentenklasse erweitert die sci.ide.DefComponent-Klasse. Verwenden Sie die folgenden Attribute der sci.ide.DefComponent-Klasse, um eine neue Komponente in die Registrierungsdatenbank von Designer Workbench aufzunehmen:

Attribut	Beschreibung
ID	Eindeutige ID der Komponente, anhand der alle in Designer Workbench verfügbaren Komponenten unterschieden werden.
Typ	Registrierter Typ der Komponente, in der Regel der xtype der Komponente.
Text	Anzeigetext der Komponente.
Akronym	Akronym für die Komponente. Wird für die automatische Benennung von Variableninstanzen verwendet.
iconCls	CSS-Symbolklasse, die als Komponentensymbol verwendet wird.
Kategorie	Kategorie, unter der die Komponente gruppiert wird. Zum Hinzufügen der Komponente in Design Workbench sollte sie unter der Kategorie Controls, Panels oder Others gruppiert werden. Muss eine neue Kategorie erstellt werden, müssen Sie diese Kategorie registrieren.
benannt	Boolesche Eigenschaft, die standardmäßig den Wert true annimmt, wenn sci.ide.DefComponent durch die Komponente erweitert wird. Wenn Sie eine benannte Komponente zur Anzeige hinzufügen, wird auch eine automatisch generierte sciId-Eigenschaft hinzugefügt.
applyDefaults	Diese Methode übernimmt das Modell der Komponente (ein Objekt, das die einer Komponente zugeordneten Eigenschaften enthält) und wendet die Standardeigenschaften der Komponente auf das Modell an.
getProperties	Mit dieser Methode wird eine Auflistung (Ext.util.MixedCollection) aller Eigenschaftsdefinitionen der Komponente zurückgegeben. Die ID der Eigenschaft ist der Schlüssel, der einer Eigenschaftsdefinition zugeordnet wird. Für den globalen Zugriff können Eigenschaften einer Eigenschaftsregistrierungsdatenbank hinzugefügt werden. Eine Eigenschaftsdefinition ist ein JavaScript -Objekt mit den folgenden Attributen: ID Eindeutige ID einer Eigenschaft. Wenn die Eigenschaft in Ext-Dokumenten enthalten ist, entspricht sie möglicherweise der Konfigurationsoption für den Komponentenkonstruktor. Typ Datentyp der Eigenschaftsdefinition. isArray Boolescher Wert, der angibt, ob die aktuelle Eigenschaft ein Array ist. getDefaultValue Methode, die den Standardwert der Eigenschaft zurückgibt. getDefObject Methode, die dem Aufrufenden die Eigenschaftsdefinition bereitstellt. getValues Methode, die ein Array aller möglichen Werte der Eigenschaft zurückgibt.
resolveLink	Diese Methode sollte implementiert werden, wenn die hinzuzufügende Komponente ein Container ist (d. h., sie kann andere Komponenten/Container von Designer Workbench aufnehmen). Mit ihr wird bestimmt, ob die hinzuzufügende Komponente als untergeordnete Komponente akzeptiert werden kann.
validieren	Diese Methode übernimmt das Modell der Komponente als Argument und prüft, ob die Komponente einen Fehlerstatus aufweist. Wenn das Modell als fehlerhaft (inkonsistente Einstellung von Eigenschaften und Werten) erkannt wird, werden Fehler oder Warnungen angezeigt bzw. Korrekturmöglichkeiten vorgeschlagen (sofern verfügbar).