Clientskripts definieren und an Komponenten binden

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

    • Fügen Sie Client-Skripts in hinzu, und bearbeiten Sie sie UI BuilderDamit Sie den Clientstatus durch Ereignisse aktualisieren können. Sie können diese Skripts mit einem Ereignis-Handler an eine beliebige Komponente binden.

    Vorbereitungen

    Erforderliche Rolle: ui_Builder_admin

    Warum und wann dieser Vorgang ausgeführt wird

    Sie können JavaScript-Client-Skripts in erstellen UI BuilderMithilfe des Now Code-Editors. Dann können Sie das Client-Skript als hinzufügen Ereignis-HandlerUm den Clientstatus zu aktualisieren, geben Sie ein behandeltes Ereignis Ihrer Seite aus, oder führen Sie eine aus DatenressourceVorgang. Sie können beispielsweise ein Skript schreiben, um ein Datum oder einen Zähler zu erhöhen, und das Skript an ein Komponentenereignis binden, z. B. durch Klicken auf eine Schaltfläche. Weitere Informationen zum Now Code-Editor finden Sie unter Code mit dem Now Code-Editor bearbeiten (erweiterte Funktion).

    Mit diesen Skripts können Sie die folgenden Aktionen ausführen:

    • Rufen Sie verfügbare Daten ab, bearbeiten Sie die Daten, und speichern Sie sie im Clientstatus.
    • Greifen Sie auf Datenressourcenergebnisse zu.
    • Führen Sie Datenressourcenvorgänge aus.
    • Senden Sie Ereignisse.

    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.
      Weitere Informationen finden Sie unter Konfigurieren Sie, wie Anwender mit Ihren Anwendungen in interagieren UI Builder.
    3. Öffnen oder erstellen Sie eine Seite.
      Um weitere Informationen zum Erstellen einer Seite in zu erhalten UI Builder, Siehe Erstellen Sie eine Seite in UI Builder .
    4. Wahlweise: Wenn auf Ihrer Seite keine Komponenten vorhanden sind, fügen Sie Ihrer Seite eine Komponente hinzu.
      Sie können beispielsweise eine Überschriftenkomponente hinzufügen. Weitere Informationen finden Sie unter Komponenten hinzufügen und konfigurieren.
    5. Wählen Sie Aus + Neben Client-Skripts .
      Pfeil, der auf die Schaltfläche „Client-Skripts“ in der Seitenleiste zeigt.
    6. Benennen Sie Ihr Skript.

      Ein beschreibender Name hilft Ihnen zu wissen, was das Skript tut. Es erleichtert auch das spätere Auffinden des Skripts, wenn Sie es einem Ereignis-Handler hinzufügen. Das folgende Beispiel zeigt ein einfaches Datums-Client-Skript.

    7. Schreiben Sie Ihr Skript, um eine Aktion auszuführen.
      Sie können beispielsweise ein einfaches Datumsskript schreiben, das Sie an eine Komponente binden. Beispielskript eines Client-Skripts.
    8. Wahlweise: Fügen Sie ein hinzu Skripteinbindung Oder Zugeordnete Komponenten , Die in angezeigt wird Importe Parameter Ihrer Client-Skriptfunktion.
    9. Wählen Sie die Komponente auf Ihrer Seite aus, an die Sie das Skript binden möchten, und wählen Sie dann aus Ereignisse .
    10. Wählen Sie Aus +Fügen Sie einen neuen Ereignis-Handler hinzu , Wählen Sie das Skript aus, das Sie unter erstellt haben Skripts , Und wählen Sie dann aus Hinzufügen .

      Das folgende Beispiel zeigt ein Datums-Client-Skript.

      Skripts, die im Bildschirm „Ereignishandler hinzufügen“ aufgeführt sind.
    11. Wählen Sie Speichern.
    12. Wählen Sie aus, um eine Vorschau Ihrer geskripteten Komponente anzuzeigen Schaltfläche „Vorschau“, die die Seitenvariante öffnet..