Expert - Hijax-Links
In Intrexx können Hijax-Links eingesetzt werden, die auf Intrexx-Applikationen oder
statische VTL-Dateien verlinken und die Zielseiten per Ajax z.B. in der Hauptseite
oder in einem Tooltip laden. Die Hijax-Links können im Element
Statischer Text
oder in
VM-Dateien verwendet werden.
Verfügbare Attribute
data-hijax
Pflichtattribut. Definiert, in welchem Fenstermodus ein angegebenes Sprungziel geöffnet
werden soll. Bei Angabe eines ungültigen Werts wird current als Fallbackvalue verwendet.
Unzulässig sind beispielsweise "", "default" oder "myValue".
Wert:
tooltip - Zielseite im Tooltip öffnen
popup - Zielseite im Popup öffnen
stage - Zielseite im Hauptfenster öffnen
current (default) - Zielseite im aktuellen Fenster öffnen
data-hijax-tooltip
Definiert, in welcher Art und Weise sich ein Sprungziel im Tooltip öffnet. Nur relevant,
wenn data-hijax="tooltip" verwendet wird.
Wert:
modal - Tooltip öffnet sich modal
mouse - Tooltip öffnet sich an der aktuellen Mausposition
element - Tooltip öffnet sich an der Position des definierten HTML-Elements
data-hijax-tooltip-group
Definiert, dass Tooltips mit einem gleichen Gruppennamen immer im selben Tooltip
geöffnet werden. Nur relevant, wenn data-hijax="tooltip" verwendet wird.
Wert:
Name des Tooltips, das geöffnet werden soll.
data-hijax-tooltip-props
Hiermit können weitere Parameter definiert werden, um Attribute des sich öffnenden
Tooltips detaillierter zu spezifizieren wie beispielsweise der Titel des
Tooltips. Nur relevant, wenn data-hijax="tooltip" verwendet wird.
Wert:
z.B.: data-hijax-tooltip-props="strTitle:'Hallo Welt!'"
data-hijax-tooltip-position-element
Definiert das HTML-Element, an dem sich das öffnende Tooltip ausrichten soll.
Nicht möglich in freien Tabellen. Nur relevant, wenn data-hijax="tooltip" und
data-hijax-tooltip="element" verwendet wird.
Wert:
HTML-Element (GUID oder HTML-ID des Elements), an dem sich das Tooltip
ausrichten soll.
data-hijax-tooltip-position-orientation
Definiert die Ausrichtung am HTML-Element. Nur relevant, wenn
data-hijax="tooltip" und data-hijax-tooltip="element" verwendet wird.
Wert:
Ausrichtung (Default: unterhalb, links)
Mögliche Werte zur Ausrichtung:
Der rote Rahmen definiert das HMTL-Element, an dem sich das Sprungziel-Tooltip ausrichten
soll. Im folgenden Beispiel sind einige Beispiele aufgezeigt, bei denen die
Schaltfläche mit dem Titel
Element den im obigen Diagramm als
rot gekennzeichneten Rahmen widerspiegelt.
Beispiele
1. Öffnen einer Seite im Stage-Container
<a data-hijax="stage" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax-Link in Stage</a>
2. Öffnen einer Seite im Tooltip
<a data-hijax="tooltip" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax-Link in Tooltip</a>
3. Öffnen eine Seite immer im selben Tooltip
<a data-hijax="tooltip" data-hijax-tooltip-group="groupA" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax-Link im selben Tooltip</a>
4. Öffnen einer Seite in einem modalen Tooltip
<a data-hijax="tooltip" data-hijax-tooltip="modal" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax-Link in modalem Tooltip</a>
5. Öffnen einer Seite im aktuellen Fenster (Stage oder Tooltip)
<a data-hijax="current" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax-Link im aktuellen Fenster</a>
6. Öffnen einer statischen VTL-Datei in einem Tooltip
Mit dem Parameter
rq_VM wird der Pfad zu einer
VTL-Datei relativ zum
Portalverzeichnis
in Hexcodierung angegeben.
Beispiel:
internal/system/vm/html/include/sample.vm
enspricht hexcodiert
696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D.
<a href="?rq_VM=696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D"data-hijax="tooltip">VTL-Datei im Tooltip</a>
7. Öffnen einer statischen VTL-Datei in einem Popup-Fenster
<a href="?rq_VM=696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D" data-hijax="popup">VTL-Datei in Popup</a>
8. Ausrichten eines Tooltips an einem Element
<a data-hijax="tooltip" data-hijax-tooltip-position-element="B7B55A672619D6DBE5B3330A4FD763CC0C3169F6" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax-Link</a>
9. Ausrichten eines Tooltips an einem Element mit Positionsangabe
<a data-hijax="tooltip" data-hijax-tooltip-position-element="B7B55A672619D6DBE5B3330A4FD763CC0C3169F6" data-hijax-tooltip-position-orientation="above_right" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax-Link in Tooltip</a>