Anfang des InhaltsbereichsFunktionsdokumentation Komposit-Elemente Dokument im Navigationsbaum lokalisieren

Verwendung

Bei der Erstellung von BSP-Applikationen mit BSP-Extensions kann es vorkommen, dass die Verwendung von an sich einfachen BSP-Elementen nicht ganz trivial ist. Für die Generierung des benötigten Layouts wird oft eine Vielzahl von speziellen Elementen benötigt. Um in solchen Fällen die Handhabung der vielen speziellen Elemente zu erleichtern und den Entwicklungsaufwand für den Ersteller der BSP-Applikation bzw. deren Layouts zu minimieren, gibt es die Möglichkeit, Komposit-BSP-Elemente zu erstellen.

Im Folgenden werden anhand einer komplexen, realitätsnahen Aufgabe mögliche Lösungen aufgezeigt. Eine einfache BSP-Extension wird vorgestellt und implementiert.

Hinweis

Auch wenn sich das Beispiel auf drei einfache Eingebefelder beschränkt, so ist der Lösungsansatz der Komposit-Elemente insbesondere für solche Fälle gedacht, bei denen eine Vielzahl variabler Eingabefelder inklusive Beschriftungen und tabellenähnlicher Anordnung ausgegeben werden soll.

Aufgabenstellung

Auf einem Bildschirm sollen drei Eingabefelder mit Beschriftungen dargestellt werden: In diese Eingabefelder soll ein Benutzer seinem Namen, sein Kennwort und seine E-Mail-Adresse eingeben. Die drei Felder sollen untereinander angeordnet sein.

Für die Lösung dieser Aufgabe soll die BSP-Extension HTMLB mit den folgenden vordefinierten Layout-Elementen verwendet werden:

Ablauf

  1. Sie erstellen eine Test-BSP-Applikation.
  2. Zuerst verwenden Sie die bereits vorhandene BSP-Extension HTMLB auf der Seite before.htm.
  3. Dann erstellen Sie Komposit-Elemente und verwenden sie auf der Seite after.htm.

Integration

Komposit-BSP-Elemente nutzen andere, bereits vorhandene BSP-Elemente für die Generierung der Ausgabe im Rahmen des Layouts, indem sie die schon existierenden BSP-Elemente einbinden und verschalen.

Voraussetzungen

Die Konzepte der BSP-Extensions und ihre Implementierung sind Ihnen bekannt.

Aktivitäten

Seite before.htm erstellen

Design-Lösung

Neue BSP-Extension mit Elementen erstellen

Seite after.htm erstellen

Dynamische Verarbeitung von BSP-Elementen

Neue BSP-Extension mit Komposit-Elementen erstellen

Schritt 1 a) Implementierung von <sf:SimpleFormItem>

Schritt 1 b) Verwendung von <htmlb:SimpleFormItem>

Schritt 2: Erstellen von <sf:SimpleForm>

Schritt 3: Änderungen am Look & Feel

Ende des Inhaltsbereichs