Client-Statusparameter in werden verwendet UI Builder

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

    • Erstellen Sie einen einfachen Zähler, indem Sie einer Experience-Seite die stilisierte Textkomponente und zwei Schaltflächen hinzufügen. Verwenden Sie einen Client-Statusparameter, um die Funktionalität so zu implementieren, dass die Anzahl bei Auswahl der Schaltflächen erhöht oder verringert wird.

    Vorbereitungen

    Erforderliche Rolle: ui_Builder_admin

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
    2. Öffnen Sie eine Experience, in der Sie arbeiten können, oder erstellen Sie eine Experience, indem Sie auswählen Erstellen > Experience .
      Siehe Konfigurieren Sie, wie Anwender mit Ihren Anwendungen in interagieren UI BuilderWeitere Informationen zum Erstellen von Experiences.
    3. Erstellen Sie eine Seite in UI Builder Oder öffnen Sie eine Seite.
    4. Fügen Sie ein Spaltenlayout hinzu, indem Sie auswählen + Inhalt hinzufügen In der Inhaltsstruktur unter Textkörper .
    5. Auf Layouts Registerkarte auswählen Zwei Spalten .
    6. Fügen Sie die erste Komponente hinzu, indem Sie auswählen + Inhalt hinzufügen In der Inhaltsstruktur unter Spalte 1 .

      Inhaltsstruktur mit schwarzem Pfeil, der auf plus Komponente unter Spalte 1 zeigt.

      1. In Suchen , Typ STY .
      2. Wählen Sie aus Stilisierter Text Komponente.

        Toolbox mit schwarzen Pfeilen, die auf das Suchfeld und die stilisierte Textkomponente zeigen.

      3. Wählen Sie im Konfigurationsbereich aus Keine: Konfigurieren Sie die Komponente manuell .

        Konfigurieren Sie den Bereich mit einem schwarzen Pfeil, der auf die Option „keine“ verweist.

    7. Fügen Sie die zweite Komponente hinzu, indem Sie auswählen + Inhalt hinzufügen In der Inhaltsstruktur unter Spalte 2 .
      1. In Suchen , Typ Schaltfläche .
      2. Wählen Sie Aus Symbolschaltfläche .

        Toolbox mit schwarzen Pfeilen, die auf das Suchfeld und die Schaltflächenkomponente zeigen.

      3. Wählen Sie im Konfigurationsbereich aus Keine: Konfigurieren Sie die Komponente manuell .
      4. In Symbol , Auswählen Quadrat-Pfeil-Nach-Oben-Füllung .

        Konfigurieren Sie den Bereich mit schwarzen Pfeilen, die auf das Symbolfeld, die Suchleiste und das Symbol mit dem Rechtspfeil nach oben zeigen.

    8. Fügen Sie die dritte Komponente hinzu, indem Sie auf zeigen Symbolschaltfläche 1 Wählen Sie in der Inhaltsstruktur aus Menü Symbol und Auswahl Hinzufügen nach .

      Inhaltsstruktur zu schwarzen Pfeilen, die auf das Menüsymbol des Schaltflächensymbols 1 und die Option „Hinzufügen nach“ im Popup-Menü verweisen.

      1. In Suchen , Typ Schaltfläche Wie im vorherigen Schritt.
      2. Wählen Sie Aus Symbolschaltfläche Wie im vorherigen Schritt.
      3. Wählen Sie im Konfigurationsbereich aus Keine: Konfigurieren Sie die Komponente manuell Wie im vorherigen Schritt.
      4. In Symbol , Wählen Sie dieses Mal ein anderes Symbol aus, das mit dem Namen Quadrat-Pfeil Nach Unten – Ausfüllen .

        Konfigurieren Sie den Bereich mit schwarzen Pfeilen, die auf das Symbolfeld, die Suchleiste und das Symbol für das Ausfüllen mit dem Rechtspfeil nach unten zeigen.

    9. Wählen Sie Speichern.
      Die stilisierte Textkomponente und die beiden Symbolkomponenten der Schaltfläche werden gespeichert und in der Phase angezeigt.

      Die drei Komponenten werden in der Phase angezeigt.

    10. Fügen Sie einen Client-Statusparameter hinzu, indem Sie zu wechseln Daten und Skripts , Verweist auf Client-Statusparameter , Und Auswahl von Neu hinzufügen (plus) Symbol.
      1. Ändern Sie Name Durch Eingabe Anzahl .
      2. Ändern Sie Typ Bis Nummer .
      3. Legen Sie fest Anfangswert Durch Eingabe der Nummer 0 .
      4. Wählen Sie aus X Zum Schließen des Fensters.

        Client-Statusparameter mit unterstrichenen Feldern „Name“, „Typ“ und „Anfangswert“ und einem schwarzen Pfeil, der auf das Symbol „Schließen“ zeigt.

    11. Binden Sie die stilisierte Textkomponente an den Client-Statusparameter.
      1. Wählen Sie die stilisierte Textkomponente in der Phase aus.
      2. Zeigen Sie im Konfigurationsbereich auf Text Und wählen Sie aus Binden Sie Daten, oder verwenden Sie Skripts Symbol.

        Konfigurieren Sie den Bereich mit schwarzen Pfeilen, die auf das Textfeld und das Symbol „Daten binden“ verweisen.

      3. Auf Datentypen Registerkarte auswählen clientstatus .
      4. Doppelklicken Sie auf Anzahl Pille.
      5. Wählen Sie Übernehmen.

        Popup-Fenster „Daten binden“ mit schwarzen Pfeilen, die auf die Registerkarte „Datentypen“, die Option „clientstatus“, die Anzahlpille und die Schaltfläche „Anwenden“ verweisen.

        Die Text Feld ändert sich in Anzahl .

    12. Konfigurieren Sie jetzt die Schaltflächen, um die Anzahl zu erhöhen oder zu verringern.
      1. Wählen Sie die obere Schaltfläche in der Phase aus.
      2. Wählen Sie im Konfigurationsbereich aus Ereignisse Registerkarte.
      3. Wählen Sie Aus + Ereignishandler hinzufügen .
      4. Unter Ereignis-Handler auf Seitenebene , Auswählen Aktualisieren Sie den Client-Statusparameter .
      5. In Parametername Für Clientstatus , Auswählen Anzahl .
      6. Zeigen Sie auf Neuer Wert Und wählen Sie aus Binden Sie Daten, oder verwenden Sie Skripts Symbol.

        Ereignis-Handler-Popup-Fenster mit schwarzen Pfeilen, die auf die Aktualisierung der Parameteroption für den Client-Status, das Namensfeld für den Client-Statusparameter und das Symbol für die Bindung neuer Werte verweisen.

      7. Auf Datentypen Registerkarte auswählen clientstatus .
      8. Doppelklicken Sie auf Anzahl Pille.
      9. Wählen Sie aus Formeln Registerkarte.
      10. Wählen Sie in der Liste aus Mathematik .
      11. Doppelklicken Sie auf HINZUFÜGEN Pille.
      12. In Richtig Pille oben, entfernen Sie den Text, und geben Sie ein 1 .

        Binden Sie Daten an ein Popup-Fenster mit einem schwarzen Pfeil, der oben auf die zweite Pille zeigt.

      13. Wählen Sie Übernehmen.
      14. Wählen Sie Hinzufügen.
    13. Konfigurieren Sie jetzt die zweite Schaltfläche, indem Sie denselben Prozess ausführen, den Sie für die erste Schaltfläche verwendet haben, aber wählen Sie die UNTERPILLE anstelle der Pille HINZUFÜGEN aus.
      1. Wählen Sie die untere Schaltfläche in der Phase aus.
      2. Wählen Sie im Konfigurationsbereich aus Ereignisse Registerkarte.
      3. Wählen Sie Aus + Ereignishandler hinzufügen .
      4. Unter Ereignis-Handler auf Seitenebene , Auswählen Aktualisieren Sie den Client-Statusparameter .
      5. In Parametername Für Clientstatus , Auswählen Anzahl .
      6. Zeigen Sie auf Neuer Wert Und wählen Sie aus Binden Sie Daten, oder verwenden Sie Skripts Symbol.
      7. Auf Datentypen Registerkarte auswählen clientstatus .
      8. Doppelklicken Sie auf Anzahl Pille.
      9. Wählen Sie aus Formeln Registerkarte.
      10. Wählen Sie in der Liste aus Mathematik .
      11. Doppelklicken Sie auf UNTERGEORDNET Pille.
      12. In Richtig Pille oben, entfernen Sie den Text, und geben Sie ihn ein 1 .
      13. Wählen Sie Übernehmen.
      14. Wählen Sie Hinzufügen.
    14. Testen Sie den Zähler, indem Sie auswählen Vorschau .
    15. Wählen Sie die Pfeilschaltfläche nach oben, um die Anzahl zu erhöhen, und die Pfeilschaltfläche nach unten, um die Anzahl zu verringern.

      Vorschaufenster mit schwarzen Pfeilen, die auf die nach-oben-Schaltfläche und die nach-unten-Schaltfläche zeigen.

    Ergebnisse

    Sie haben eine Schaltflächenkomponente hinzugefügt, um die Anzahl um eine zu erhöhen, und eine weitere Schaltflächenkomponente, um die Anzahl um eins zu verringern. Sie haben die stilisierte Textkomponente hinzugefügt, um die Anzahl anzuzeigen, während sie erhöht und verringert wird.

    Detaillierte technische Informationen zur Schaltflächenkomponente finden Sie unter Schaltflächenübersicht und API .

    Detaillierte technische Informationen zur stilisierten Textkomponente finden Sie unter Stilisierte Textübersicht .