Rendern einer Komponente in einem Modal

Verwenden Sie eine UI-Aktion, um eine benutzerdefinierte Komponente in einem modalen Fenster zu starten, damit ein Service Desk-Mitarbeiter nicht zu einem anderen Bildschirm navigieren muss, um eine Aufgabe auszuführen.

Vorbereitungen

Erforderliche Rolle: workspace_admin

Warum und wann dieser Vorgang ausgeführt wird

Starten Sie eine benutzerdefinierte Komponente in einem modalen Fenster, damit ein Service Desk-Mitarbeiter den aktuellen Bildschirm nicht verlassen muss. Sie können beispielsweise ein Modal starten, das Kontaktinformationen über den in einem offenen Datensatz genannten Kunden enthält, damit ein Service Desk-Mitarbeiter Anrufer bitten kann, ihre Identität zu bestätigen. Das folgende Beispiel zeigt eine Liste in einem modalen Fenster.

Prozedur

1. Entwickeln Sie eine benutzerdefinierte Komponente, und stellen Sie sie für Ihre Instanz bereit.
   Weitere Informationen finden Sie unter Benutzerdefinierte Komponenten.
2. Erstellen Sie einen Eintrag im Registered Scripting Modal.
   1. Geben Sie im Filternavigator ein sys_aw_registered_scripting_modal.list , um diese Tabelle zu öffnen.
   2. Klicken Sie auf Neu.
   3. Verwenden Sie das Suchsymbol ( ), um eine Komponente auszuwählen. Verwenden Sie in diesem Fall sn-workspace-header.
   4. Geben Sie den Namen der APIein, in diesem Fall showHeader.
   5. Öffentliche API wird automatisch ausgefüllt:
      
   6. Klicken Sie auf Speichern.
3. Verfassen Sie Ihre UI-Aktion, um Ihre Komponente in einem Modal darzustellen.
   1. Erstellen Sie eine neue UI-Aktion für die entsprechende Tabelle, und wählen Sie auf der Registerkarte „ Arbeitsbereich “ entweder Arbeitsbereich-Formularschaltfläche oder Arbeitsbereich-Menüschaltfläche aus, je nachdem, wie und wo die UI-Aktion angezeigt werden soll.

      Weitere Informationen zum Erstellen einer UI-Aktion finden Sie unter Richten Sie benutzerdefinierte UI-Aktionen in ein veralteter Arbeitsbereich.

      

      Wenn Sie eines der Kontrollkästchen aktivieren, wird das Textfeld Workspace Client Script (Arbeitsbereich-Client-Skript) angezeigt.
   2. Geben Sie den folgenden Code in das Textfeld Client-Skript des Arbeitsbereichs ein:

      function onClick(g_form) {
        g_modal.global.showHeader({
          title: 'Test custom modal',
          confirmTitle:'YES',
          params: {
            primaryValue: 'THIS IS A PRIMARY VALUE',
            secondaryItems:{}
          }
        }).then(function(result){
          alert('confirm:'+result);
        }, function(error) {
          alert('cancel:'+error);
        });
      }

4. Testen Sie nun die UI-Aktion, indem Sie einen Datensatz in Arbeitsbereich aus der Tabelle öffnen, die Sie beim Erstellen dieser UI-Aktion ausgewählt haben.
   Die UI-Aktion sollte im Formularbereich angezeigt werden.