Rendern Sie eine Komponente in einem modalen Element

Verwenden Sie eine UI-Aktion, um eine anwenderdefinierte Komponente in einem modalen Element zu starten, damit ein Service Desk-Mitarbeiter für eine Aufgabe nicht zu einem anderen Bildschirm navigieren muss.

Vorbereitungen

Erforderliche Rolle: workspace_admin

Warum und wann dieser Vorgang ausgeführt wird

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

Prozedur

1. Entwickeln Sie eine anwenderdefinierte -Komponente, und stellen Sie sie in Ihrer -Instanz bereit.
   Weitere Informationen finden Sie unter Anwenderdefinierte Komponenten.
2. Erstellen Sie einen Eintrag im modalen Element „Registriertes Skripting“.
   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. Erstellen Sie Ihre UI-Aktion, um Ihre Komponente in einem Modal zu rendern.
   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, je nachdem, wie und wo die UI-Aktion angezeigt werden soll.

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

      

      Wenn Sie eines der Kontrollkästchen aktivieren, wird das Textfeld Workspace Client Script ( Client-Skript für Arbeitsbereich) 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 jetzt die UI-Aktion, indem Sie in Arbeitsbereich einen Datensatz aus der Tabelle öffnen, die Sie beim Erstellen dieser UI-Aktion ausgewählt haben.
   Die UI-Aktion sollte im Formularbereich angezeigt werden.