Aufrufen des Status-Widget mithilfe von Quellcode

Erstellen und Verwenden von Widgets › Einbetten von Widgets zum Anfordern von Services und Verwalten von Requests › Verwenden des Status-Widget und anderer Widgets, um Anwendern den Zugriff auf Requests zu ermöglichen › Verwenden der Widgets für den Status und für Request-Listen, um Request-Managern das Genehmigen und Ablehnen von Requests zu ermöglichen › Aufrufen des Status-Widget mithilfe von Quellcode

Aufrufen des Status-Widget mithilfe von Quellcode

In Liferay können Sie das Status-Widget aufrufen, indem Sie das Portlet erstellen und den Quellcode angeben. Sehen Sie sich die folgenden Schritte zum Erstellen des bereits weiter oben aufgeführten Beispiels für ein Status-Widget an. Folgen Sie diesen Schritten als ein Modell, um die Anzeige und das Verhalten des Status-Widget in Ihrer Implementierung zu konfigurieren.

Gehen Sie wie folgt vor:

Führen Sie auf der Portalseite diese Aktionen aus, um das Portlet zu erstellen:
1. Klicken Sie auf "Add", "Web Content Display".
2. Klicken Sie auf das Plussymbol ("Add", "Web Content").
  Das Fenster "New Web Content" wird angezeigt.
3. Füllen Sie die erforderlichen Felder aus, und schließen Sie das Fenster.
Das neue Portlet wird Liferay hinzugefügt.
Klicken Sie im oberen Bildschirmbereich auf "Edit Controls".
Führen Sie die Maus über das Portlet, und klicken Sie auf das Bleistiftsymbol (Webinhalt bearbeiten).
Die Portlet-Einstellungen werden angezeigt.
Klicken Sie im Inhaltsfenster auf die Option für den Quellcode.
Der Quellcode-Container wird zur Bearbeitung geöffnet.
Überprüfen Sie den folgenden Quellcode und die Schlüsselparameter für das bereits weiter oben erwähnte Beispiel eines Status-Widget. Verwenden Sie sie als Modell, um Ihren Quellcode anzugeben.
Führen Sie Folgendes durch:
- Schließen Sie den Quellcode-Container.
- Veröffentlichen Sie das aktualisierte Portlet, und überprüfen Sie es.
- Verfeinern Sie im Bedarfsfall Ihre Spezifikationen, bis das Widget Ihren Anforderungen entspricht.

Quellcode und Schlüsselparameter

Nachfolgend ist der Quellcode für das Beispiel des Status-Widget aufgeführt:

<script type="text/javascript" src="http://Hostname:Portnummer/usm/explorer/scripts/status.widget.js"></script>

<script> CA_Catalog.buildWidget({type: 'status', renderTo: 'status1', layout:'layout-2', openIn: '_widget', hideCart: true} ); </script>

<div align="center" id="status1" style="width: 400px; margin-bottom: 10px; height: 100px">

	&nbsp;</div>

Die erste Zeile bezieht sich auf die JavaScript-Datei für das Status-Widget.

Die zweite Zeile gibt den JavaScript-Code mit den Konfigurationsparametern für das Status-Widget an.

Hinweis: Trennen Sie Parameter durch Kommas voneinander, geben Sie nach dem letzten Parameter jedoch kein Komma an.

Die dritte Zeile gibt das DOM-Element an, in dem das Status-Widget wiedergegeben wird.

Schlüsselparameter und Erklärungen für den CA_Catalog.buildWidget-Funktionsaufruf im Beispiel für das Status-Widget folgen.

Anmeldeinformationen

Wir empfehlen Single Sign-On für Widgets. Wenn jedoch Anmeldeinformationen für dieses Widget erforderlich sein sollen, geben Sie diese in diesem Funktionsaufruf an. Verwenden Sie das folgende Format:

Anwendername: 'Anwendername', Kennwort: 'Kennwort'

type:"status"

Gibt an, dass das Widget ein Status-Widget ist.

renderTo:"status1"

Gibt an, dass das Widget in dem DOM-Element wiedergegeben wird, dessen ID "status1" ist.

layout:'layout-2'

Zeigt die Optionen im Status-Widget als Schaltflächen in einer einzelnen Zeile an. Die Optionen sind "Warenkorb", "Offen", "Geschlossen" und "Ausstehend".

Geben Sie alternativ "layout-1" an, um die Optionen senkrecht anzuzeigen: Jede Option wird in einer eigenen Zeile in einer Tabelle angezeigt.

openIn:"_widget"

Gibt an, dass ein anderes Widget auf der gleichen Seite Events abhört, die vom Status-Widget gesendet werden, und darauf reagiert. In diesem Szenario antwortet ein anderes Widget durch das Öffnen des Zieles, wenn ein Anwender auf eine Option im Status-Widget klickt. Die Ziele lauten wie folgt:

Option	Zielfunktion	Widget
Warenkorb	Warenkorb	Request bearbeiten
Öffnen	Offene Requests	Request-Liste
Geschlossen	Geschlossene Requests	Request-Liste
Ausstehend	Request mit ausstehenden Aktionen	Request-Liste

Um zu ermöglichen, dass diese Zielfunktionen korrekt ausgeführt werden, wenn ein Anwender auf eine Option im Warenkorb klickt, fügen Sie die folgenden Widgets auf der Seite ein:

"OpenIn" gibt an, wie ein Ziel geöffnet wird, wenn der Anwender im Status-Widget darauf klickt. Andere mögliche Werte für diesen Parameter folgen:

_self

Öffnet das Ziel im Katalog auf der gleichen Seite.

_top

Erfüllt die gleiche Funktion wie _self, außer dass das Ziel im obersten Frame des Browsers geöffnet wird. Wenn das Ziel ein Frame ist, wird der erste zugeordnete Frame im Serviceoptionselement ausgewählt.

_blank

Öffnet das Ziel auf einer neuen Seite.

_url

Öffnet das Ziel mithilfe einer anwenderspezifischen URL. Die URL kann einen Platzhalter für die Objekt-ID des Quellenkontextes einschließen, zum Beispiel für den Service.

Ein Beispiel folgt:

http://www.google.com?id={id}

Hinweis: Sie können auch die folgenden Einstellungen, wie im Quellcode angezeigt, angeben: Aktualisierungsintervall in Minuten und Warenkorb ausblenden.