Skip to main content

Erstellen eines sich wiederholenden dynamischen Layouts

Pega Community-Logo

Hinweis: Der folgende Inhalt, der von Pega Community stammt, ist hier enthalten, damit Sie die Lernziele des Moduls einfacher erreichen können.

Verkürzen Sie die Entwicklungszeit, indem Sie die Anzeige von sich wiederholenden Datensätzen mit dem sich wiederholenden dynamischen Layout automatisieren.

Sie können z. B. ein sich wiederholendes dynamisches Layout verwenden, um Daten über Firmenmitarbeiter in einer Reihe von standardisierten Karten anzuordnen, auf denen der Name, die Position und ein ID-Bild jedes Mitarbeiters angezeigt werden. Das Format für sich wiederholende dynamische Layouts ist sehr flexibel und unterstützt Sortierung, bearbeitbare Felder und progressives Laden von Daten.
Bevor Sie anfangen: Sie erstellen eine listenbasierte Datenquelle, auf die vom Layout referenziert werden soll. Das sich wiederholende dynamische Layout kann eine Datenseite, eine Seitenliste oder eine Seitengruppe als Datenquelle verwenden. Weitere Informationen finden Sie unter Datenseite erstellen und Eigenschaften.
  1. Klicken Sie im Navigationspanel von Dev Studio auf Case types und dann auf den Case-Typ, den Sie öffnen möchten.

  2. Führen Sie einen neuen Case aus, indem Sie auf Save and run klicken.

  3. Navigieren Sie in dem neuen Case zu dem Layout, das Sie bearbeiten möchten.

  4. Klicken Sie in der Fußzeile von Dev Studio auf das Icon Live UI.

    Hinweis: Das Tool „Live UI“ wird aktiviert. Sie können jetzt die User-Interface-Komponenten in Echtzeit überprüfen.
  5. Klicken Sie auf das Layout, das Sie bearbeiten möchten, und dann auf das Icon Open in Dev Studio.

  6. Basiert Ihr Abschnitt auf einer nicht bearbeitungsfähigen Vorlage, klicken Sie auf Convert to full section editor.

  7. Erweitern Sie auf dem Tab Design die Liste Structural auf und ziehen Sie danach Repeating dynamic layout in den Arbeitsbereich.

  8. Klicken Sie im Header Repeating dynamic layout auf das Icon View properties.

  9. Geben Sie im Fenster Properties im Feld Source die Datenquelle für die dynamische Layoutgruppe an:

    • Um Daten aus einer Seitenliste oder Seitengruppe aufzurufen, wählen Sie Property aus und geben dann im Feld List/Group den Namen der Eigenschaft ein.
    • Um auf Daten aus einer Reihe von Quellen in der Zwischenablage zuzugreifen, wählen Sie Data Page aus und geben dann im Feld Data Page den Namen der Seite ein, auf die Sie referenzieren möchten.
  10. Klicken Sie auf Submit und dann auf Save.

  • Sich wiederholende dynamische Layouts – Tab „Operations“

    Klicken Sie im Header „Repeating dynamic layout“ auf das Icon „View properties“, um das Eigenschaftenpanel anzuzeigen. Markieren Sie danach den Tab „Operations“. Der Tab „Operations“ legt die Standardverhaltenskonfiguration für ein dynamisches Layout fest und bestimmt, wie Benutzer die im Layout angezeigten Eigenschaften sehen.

  • Drag-and-Drop-Funktion für Listenelemente konfigurieren

    Konfigurieren Sie wiederholende dynamische Layouts so, dass Benutzer Artikel innerhalb und zwischen Listen neu anordnen können. Sind Ihre Listen mit Drag-and-Drop ausgestattet, können Sie ein interaktives User Interface erstellen, bei dem die Benutzer den Inhalt an ihre Business-Anforderungen anpassen können.

  • Swipe Actions für mobile App konfigurieren

    Damit Benutzer ihre Aufgaben rasch erledigen können, ohne den Hauptbildschirm einer mobilen App zu verlassen, konfigurieren Sie das Einlesen für wiederholende dynamische Layouts. Wenn Sie in einer mobilen App in einer Zeile blättern, öffnet sich ein Menü mit verfügbaren Aktionen, wie z. B. Bearbeiten oder Löschen.

Wenn bei Ihrer Schulung Probleme auftreten, lesen Sie bitte die Pega Academy Support FAQs.

Fanden Sie diesen Inhalt hilfreich?

Möchten Sie uns dabei helfen, diesen Inhalt zu verbessern?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice