Fügen Sie die Elementanzahl des Karussellabzeichens hinzu

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 2 Minuten Lesedauer

    • So erstellen Sie eine dynamische Anzahl von Karussellelementen (angezeigt im Abzeichen), bei der die Elemente im Karussell von einem Repeater gesteuert werden, der seine Daten aus einer Datenressource abruft.

    Vorbereitungen

    Erforderliche Rolle: admin, workspace_admin oder ui_builder_admin

    Dieses Verfahren verwendet UI BuilderKomponenten zum Erstellen dynamischer, interaktiver Layouts. Weitere Informationen zum Konfigurieren von Komponenten finden Sie unter:
    Tabelle : 1. In diesem Verfahren verwendete Komponenten
    Komponente Dokumentationslinks
    Karussell

    Prozedur

    1. Richten Sie ein Karussell ein, um einen Repeater zu verwenden, der seine Daten aus einer Datenressource abruft.
    2. Öffnen Sie die Seite, um ein Objekt zu erstellen, das die Abzeicheneigenschaften bestimmt Client-Statusparameter Dialogfeld.
      Zeiger, der den Mauszeiger über ausgewählte Clientstatusparameter und das Dialogfeld „Clientstatusparameter bearbeiten“ zeigt, wie es zuerst angezeigt wird
      1. Ersetzen Sie Name Mit BadgeConfigState , Und von Typ Dropdownliste auswählen JSON .
        Dialogfeld „Clientstatusparameter bearbeiten“, wobei der Name in „badgeConfigState“ geändert und JSON aus der Dropdown-Liste „Typ“ ausgewählt wird
      2. Bewegen Sie den Mauszeiger über Anfangswert Feld und wählen Sie aus Bearbeiten .
      3. Wählen Sie den JSON-Typ aus Objekt Aus der Dropdown-Liste.
      4. Wählen Sie Aus Eigenschaft hinzufügen Und fügen Sie das Abzeichen hinzu Farbe , Bezeichnung , Und Variante Eigenschaften.
        Popup für Anfangswert mit 3 hinzugefügten Eigenschaften, Farbe, Bezeichnung und Variante
      5. Wählen Sie Aus Anwenden Um zu zurückzukehren Bearbeiten Sie Client-Statusparameter Dialogfeld.
        Zurückgegeben, um Client-Statusparameter mit badgeConfigState-JSON-Parametern zu bearbeiten
      6. Schließen Sie das Dialogfeld.
        Später verwenden Sie ein Skript, um die Eigenschaften dieses Objekts nach dem Laden der Datenressource zu aktualisieren.
    3. Zum Festlegen der Abzeichenkonfiguration für das soeben erstellte Objekt in Inhalt Struktur, wählen Sie aus Karussell Komponente.
      1. Auf Konfig Zeigen Sie für Ihre Karussellkomponente mit dem Mauszeiger auf die Registerkarte Abzeichenkonfiguration Eigenschaft und wählen Sie aus Binden Sie Daten, oder verwenden Sie Skripts Symbol.
        Konfiguration des Karussellabzeichens, die die 3 hinzugefügten Parameter anzeigt und den Zeiger über die Schaltfläche „Daten binden oder Skripts verwenden“ zeigt
      2. In Binden Sie Daten an die Abzeichenkonfiguration Wählen Sie den Datentyp aus clientstatus .
      3. Wählen Sie Aus BadgeConfigState (3) , Und zum Hinzufügen zum Datenausgabebereich wählen Sie das nach-oben-Symbol aus.
        Binden Sie Daten an das Dialogfeld „Abzeichenkonfiguration“, wobei clientstatus in „Datentypen“ und „badgeConfigState 3“ ausgewählt sind, wobei der Zeiger über die nach-oben-Pfeilschaltfläche zeigt
      4. Wählen Sie Übernehmen.
        Die BadgeConfigState Parameter muss dem Karussell hinzugefügt werden Abzeichenkonfiguration .
      Registerkarte „Karussell konfigurieren“ mit dem Feld „Abzeichenkonfiguration“, das zusätzlich zu den 3 zuvor hinzugefügten Parametern „badgeConfigState“ anzeigt
    4. Öffnen Sie Bearbeiten Sie das Clientskript Dialogfeld durch Auswahl Fügen Sie eine neue hinzu Bearbeiten Sie das Clientskript .
      Zeiger, der den Mauszeiger über die Schaltfläche „Neues Pluszeichen hinzufügen“ und das Dialogfeld „Clientskript bearbeiten“ zeigt, das angezeigt wird, wenn die Schaltfläche „Neu hinzufügen“ ausgewählt ist
    5. Dient zum Erstellen eines Client-Skripts, das aktualisiert BadgeClientState „label“ Parameterwert für die Anzahl der Elemente im Karussell: api.setState(`badgeConfigState`, {...api.State.badgeConfigState, „label“: „Count: ${api.Data.Look_up_multiple_Records_1.results.length}“);
      Dialogfeld „Clientskript bearbeiten“ mit hinzugefügtem Clientskript
    6. Fügen Sie der Datenressource ein Ereignis hinzu, damit Ihr Client-Skript ausgelöst wird, wenn die Datenressource aktualisiert wird.
      1. Wählen Sie unten links die Datenressource aus Suchen Sie nach mehreren Datensätzen 1 > Registerkarte „Events“.
        Zeigen Sie im Abschnitt „Daten und Skripts“ mit dem Mauszeiger auf die Registerkarte „mehrere Datensätze suchen 1“ Datenressource und „Bearbeiten mehrere Datensätze suchen 1“ Dialogfeldereignisse ausgewählt
      2. Wählen Sie Aus Fügen Sie eine Ereigniszuordnung hinzu , Auswählen Datenabruf Erfolgreich , Und wählen Sie aus Fahren Sie Fort .
      3. Wählen Sie Aus Handler hinzufügen , Scrollen Sie nach unten, wählen Sie das neu erstellte Clientskript aus, und wählen Sie aus Fahren Sie Fort .
        Dialogfeld zum Hinzufügen des Ereignishandlers „Neues Client-Skript 1“
      4. Wann ausgelöst werden soll, sollte auf festgelegt werden Immer .
      5. Wählen Sie Fortsetzen.
      6. Wählen Sie Aus Hinzufügen Und schließen Sie Bearbeiten Dialogfeld.
    7. Wählen Sie in der oberen rechten Ecke aus Speichern > Wählen Sie den Dropdown-Pfeil „Vorschau“ aus > URL-Pfad öffnen.
      Endgültige Anzeige mit dem Titel gefolgt von der Anzahl: 12
      Die Titel Ihres Karussells muss ein Abzeichen haben Anzahl Gefolgt von der Anzahl der Karussellelemente.