Mashup Builder > Mashups > Enthaltenes Mashup erstellen
Enthaltenes Mashup erstellen
Beim Erstellen von Anwendungen, die auf reaktionsfähigen Mashups basieren, sollten Sie die gesamte Anwendung in kleinere, wiederverwendbare Komponenten aufteilen. Wiederverwendbare Komponenten sind eine Gruppe von Widgets, die Sie für verschiedene Anwendungsfälle verwenden können. Sie können das Widget "Enthaltenes Mashup" verwenden, um ein Mashup zu einem Container im Layout hinzuzufügen. Wiederverwendbare Mashups ermöglichen Folgendes:
Einfachere Mashup-Struktur mit weniger Bindungen im Eltern-Mashup erstellen. Dies erleichtert das Lösen von Problemen mit der Anwendung.
Mashup in Abschnitte aufteilen, sodass mehrere Entwickler an derselben Anwendung arbeiten können
Komplexe Mashups schneller durch Wiederverwendung einfacher Mashups erstellen
Weitere Informationen finden Sie unter Widget "Enthaltenes Mashup".
Sie können enthaltene Mashups innerhalb des Eltern-Mashups konfigurieren. Beispiel: Eine Mashup-Anwendung, die zum Abfragen von Prüfungsdaten in ThingWorx verwendet wird. Anstatt ein einzelnes Mashup zu erstellen, können Sie die Anwendung in mehrere Mashups aufteilen und mit wiederverwendbaren Komponenten erstellen:
Der obere Bereich enthält die Navigationsoptionen, Schaltflächen und Eingabe-Widgets für die Suche.
Der Suchbereich enthält die zurückgegebenen Daten aus dem Abfragedienst und zeigt sie in einem Raster an.
Im Visualisierungsbereich werden Daten aus dem Raster in verschiedenen Diagrammen angezeigt.
Enthaltenes Mashup hinzufügen
1. Öffnen und bearbeiten Sie ein vorhandenes Mashup, oder erstellen Sie ein neues Mashup.
2. Fügen Sie im Fensterbereich Layout einen Container zum Eltern-Mashup hinzu.
3. Ziehen Sie das Widget "Enthaltenes Mashup" aus dem Fensterbereich Widgets in den Container.
4. Wählen Sie das für das Widget anzuzeigende Mashup mit einer der folgenden Methoden aus:
Wählen Sie im Fensterbereich Eigenschaften ein Mashup für die Name-Eigenschaft aus.
Ziehen Sie ein Mashup aus dem Fensterbereich Mashup in das Widget im Zeichenbereich.
5. Klicken Sie auf Speichern und dann auf Mashup anzeigen. Das enthaltene Mashup wird während der Laufzeit im aktuellen Mashup angezeigt.
Nachdem Sie das enthaltene Mashup hinzugefügt haben, können Sie Mashup-Parameter verwenden, um Daten und Ereignisse an das enthaltene Mashup zu binden. Weitere Informationen finden Sie unter Mashup-Parameter konfigurieren.
Layouts für enthaltene Mashups konfigurieren
Wenn Sie ein enthaltenes Mashup zu einem Layout hinzufügen, wird das Mashup entsprechend den Bemaßungen des Widget-Containers angezeigt. Bildlaufleisten werden angezeigt, wenn die Bemaßungen des enthaltenen Mashups den verfügbaren Platz im Container überschreiten. Dies kann zu Problemen bei der Benutzerfreundlichkeit führen, wenn Sie mehrere enthaltene Mashups haben. Wenn ein oder mehrere enthaltene Mashups den verfügbaren Platz in ihrem Container überschreiten, werden evtl. mehrere Bildlaufleisten im Eltern-Mashup angezeigt. Sie können diese Container durch Erweiterung an den Inhalt der enthaltenen Mashups anpassen. Verwenden Sie die ResizeToContent-Eigenschaft des enthaltenen Mashup-Widgets, um den Container zu erweitern und den vollständigen Inhalt innerhalb des enthaltenen Mashups anzuzeigen.
Um den Container im Eltern-Mashup zu erweitern, führen Sie die folgenden Schritte aus:
1. Öffnen Sie das Eltern-Mashup mit dem Widget "Enthaltenes Mashup".
2. Wählen Sie im Fensterbereich Explorer den Container mit dem Widget "Enthaltenes Mashup" aus.
3. Legen Sie im Fensterbereich Layout unter Erweitert das Feld Verkleinerungsgrad auf 0 fest.
4. Wiederholen Sie den vorherigen Schritt für andere Container im Layout. Dadurch wird verhindert, dass der enthaltene Mashup-Container den gesamten verfügbaren Platz im Layout einnimmt.
Wenn Sie die Eigenschaft aktivieren, wird der Container des enthaltenen Mashups je nach Layout-Orientierung vertikal oder horizontal gedehnt. Die Eigenschaft wirkt sich nur auf das Mashup aus, wenn das enthaltene Mashup Komponenten mit fester Größe aufweist. Beispielsweise ein statischer Container, ein Mashup oder ein nicht reaktionsfähiges Widget. Das enthaltene Mashup muss eine definierte Höhe aufweisen, um den Inhalt des Eltern-Containers zu erweitern. Das Widget "Raster - Erweitert" ist beispielsweise ein reaktionsfähiges Widget, das den verfügbaren Platz in einem Container verwendet. Wenn das Widget erweitert wird, um mehr Zeilen aufzunehmen, bleibt der Eltern-Container des enthaltenen Mashups gleich groß. Um den Eltern-Container zu erweitern, geben Sie eine feste Größe für das Mashup, einen Container oder ein Widget an.
War dies hilfreich?