Zum Inhalt

AjaxLoader

Die jQuery Erweiterung AjaxLoader, stellt die Funktionen für das Nachladen von Inhalten zu Verfügung.

Installation

//cdn.alvine.io/libs/alvine/ajaxloader/jquery.alvineajaxloader-xxxxx.js

Bibliotheken

Kopiervorlage für die Installation

<script src="//cdn.alvine.io/libs/alvine/framework/alvine.framework-1.11.0.min.js"></script>
<script src="//cdn.alvine.io/libs/alvine/spinner/jquery.alvineajaxloader-xxxx.js"></script>

Verwedung in anderen Plugins

Es wird ein Element mit der Klasse alvineAjaxLoader angelegt und die Atrribute für die Konfiguration definiert.

Beispiele

<div class="alvineAjaxLoader" id="myContent" 
                     data-alvineajaxloader-url='/index.php?sxx_page=online.ajax&sxx_boxfilter=65b056857d&sxx_getbox=65b056857d' 
                     data-alvineajaxloader-targetselector='#myContent' 
                     data-alvineajaxloader-responseselector='#myAjaxContent' 
                     data-alvineajaxloader-immediatelycall='true' 
                     data-alvineajaxloader-forwardparameters=''
                     data-alvineajaxloader-spinner='{"templateName":"defaultTemplate", "mode": "replace" }'
                     >

</div>

Konfigurationen

Das Plugin kann über data-alvineajaxloader Attribute konfiguriert werden

Schlüssel Type Beschreibung
url string URL zu dem Inhalt der nachgeladen werden soll
targetselector string Element Selector in der der nachgeladene Inhalt platziert werden soll
responseselector string Element Selector welches aus dem nachgeladenen Inhalt ausgeschnitten werden soll
immediatelycall boolen soll der Inhalt dirket bei aufruf de Seite geladen werden
forwardparameters string weiterreichen von Parametern
spinner JSON Konfiguration des Spinners

Historie

Version Änderung Jira
0.1.0 neue Struktur mit Alvine Frontend Framework ALEJS-151

Abhängigkeiten

Komponente Version
jQuery 2.1.4
Alvine Framework 1.11.0