Erstellen Sie eine Widgetabhängigkeit

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 1 Minute Lesedauer

    • In Service Portal können Sie JavaScript- und CSS-Dateien mit Widgets verknüpfen, um Abhängigkeiten zwischen Widgets und Bibliotheken von Drittanbietern, externen Stylesheets und Winkelmodulen zu erstellen.

    Vorbereitungen

    Erforderliche Rolle: sp_admin oder admin

    Warum und wann dieser Vorgang ausgeführt wird

    Abhängigkeiten werden bei Bedarf asynchron vom Server geladen.

    Widgets können beliebig viele oder wenige Abhängigkeiten haben. Je mehr Sie jedoch hinzufügen, desto mehr Inhalt muss ein Widget herunterladen, um auf der Seite dargestellt zu werden. Halten Sie Abhängigkeiten so gering wie möglich, um Ladezeiten zu optimieren.

    Prozedur

    1. Erstellen Sie ein Abhängigkeitspaket.

      Ein Abhängigkeitspaket ist eine Sammlung von JavaScript- und CSS-Dateien, die mit einem Widget verbunden werden können.

      1. Navigieren zu Serviceportal > Abhängigkeitenan.
      2. Definieren Sie im Abhängigkeitssatz die folgenden Felder.
        Feld Beschreibung
        Name Der Name Ihrer Abhängigkeit. (Nützlich, um eine Abhängigkeit aus einer Dropdown-Liste auszuwählen.)
        Anwendung Anwendungsbereich für den Abhängigkeitsdatensatz.
        In Seitenlast einfügen Wählen Sie aus, ob Ihre Abhängigkeit beim ersten Laden der Seite des Serviceportals auf die Seite geladen werden soll, oder lassen Sie sie deaktiviert, um die Abhängigkeit nur zu laden, wenn das verknüpfte Widget auf eine Seite geladen wird.
        Winkelmodulname Optional. Definieren Sie den Wert, wenn das verknüpfte JavaScript ein Angular-Modul ist. Geben Sie den Namen des geladenen Angular-Moduls an, damit es in die Anwendung Angular von Service Portal eingefügt werden kann.
    2. Fügen Sie dem Abhängigkeitspaket Dateien hinzu.

      Nachdem Sie die Informationen für Ihr Abhängigkeitspaket gespeichert haben, können Sie in den zugehörigen Listen JS- und CSS-Include-Dateien hinzufügen. Geben Sie für jede Themenliste die folgenden Informationen an:

      Feld Beschreibung
      Anzeigename Name des Skripts enthält.
      Quelle Wählen Sie abhängig davon, ob Sie ein JS-Include oder ein CSS-Include hinzufügen, eine der folgenden Optionen aus der Liste aus:
      • URL
      • UI-Skript (für ein JS-Include) oder Stylesheet (für ein CSS-Include)

      Verwenden Sie für eine JS-Inclusion das Feld UI-Skript, um auf ein in gefundenes UI-Skript zu verweisen System-UI > UI-Skriptsan.

      Verwenden Sie für das CSS-Include das Stylesheet-Feld, um auf einen Datensatz in der Tabelle sp_css zu verweisen.
    3. Fügen Sie einem Widget ein Abhängigkeitspaket hinzu.
      Nachdem Sie ein Abhängigkeitspaket erstellt und Dateien hinzugefügt haben, erstellen Sie eine Beziehung zwischen der Abhängigkeit und einem Widget.
      1. Navigieren zu Serviceportal > Widgets Und suchen Sie den Widget-Datensatz, dem Sie die Abhängigkeit hinzufügen möchten.
      2. Klicken Sie in der Themenliste Abhängigkeiten auf Bearbeiten.
      3. Suchen Sie im Slushbucket nach der von Ihnen erstellten Abhängigkeit, und doppelklicken Sie, um sie der ausgewählten Elementspalte auf der rechten Seite hinzuzufügen.
      4. Speichern Sie die Seite, um zum Widget-Datensatz zurückzukehren.