Thema: Komponente - Inhalte mit Ajax dynamisch nachladen

Da ich hier im Forum bisher nicht fündig geworden bin, möchte ich meine Frage als neues Thema posten:

Ich habe eine Gerätedatenbank, bei der ich im Frontend beim Aufruf nur die Grunddaten laden möchte. Spezifikationen bzw. Details sollen bei Klick auf einen Slider oder einen Tab mittels Ajax dynamisch nachgeladen werden.

Hat das jemand schonmal umgesetzt und kann mir eine grobe Hilfestellung leisten, wie man das am besten angeht?

Vielen Dank!

Hallo.
Elkuku hat das mal hier als Anschauungsobjekt umgesetzt, vielleicht kannst Du es als Anregung gebrauchen.

EDIT: Das hier ist bestimmt auch noch interessant.

Lackis Link (der zweite) macht ajax mit prototype..

Da die Mootools schon in Joomla! enthalten sind kann man die auch nutzen

http://docs.joomla.org/Ajax_using_MooTools
http://davidwalsh.name/basic-ajax-requests-mootools
http://demos.mootools.net/Request

Zu beachten gibt es Unterschiede zwischen den Mootools Versionen..

Zitat von elkuku

http://demos.mootools.net/Request

Und für die 1.5 Entwickler gilt (aktuell noch) die Mootools 1.1 Doc.

Die Links haben mir grundsätzlich geholfen, vielen Dank. Ich skizziere vielleicht mal grob meine Struktur, damit es verständlicher wird. So, wie das jetzt ist, geht es auch. Allerdings möchte ich es so umbauen, dass die Daten dynamisch nachgeladen werden, siehe Ende. Ist-Stand:

Einstiegspunkt:

komponente.php, in der eine neue Instanz des Controllers erzeugt wird

komponente.html.php, in der es eine FUnktion zur Anzeige der Grunddaten gibt, sowie eine zur Anzeige der Details

je eine Table:

Grunddaten
Details

Controller:

hat eine Display-Funktion, die sich den View holt

Model:
liest die Grunddaten und Details aus der DB

View:
view.html.php baut in der display-Funktion die Daten aus Grunddaten und Details zusammen
default.php zeigt alles an

So siehts im Moment aus.

Jetzt soll die default.php die TABS bzw. Slider enthalten, die quasi per onClick die Daten dynamsich für diesen "Abschnitt" nachladen. Wie es jetzt aufgebaut ist, geht das aber nicht.

Die Frage ist, wie das am sinnvollsten geht? Müsste ich quasi für jede Detailart ein eigenes Model bauen und den dazu passenden View? Wie rufe ich den dann im onClick auf?

Zitat von midnightlady

komponente.html.php, in der es eine FUnktion zur Anzeige der Grunddaten gibt, sowie eine zur Anzeige der Details

Für was brauchst du so eine Datei? Diese Aufgabe sollten doch der View und das Model übernehmen.

Ansonsten zum Thema: Du brauchst nun im Prinzip nur noch einen weiteren View, der (per format=raw) die Daten der Tabs ausgibt. Diesen Triggerst du per Javascript (neudeutsch: Ajax) an und ersetzt die bestehenden Daten damit.

hallo bembelimen,

vielen dank für deine antwort. die datei war noch eine altlast, bevor ich den view hatte. ich habe jetzt einen view.raw gebaut. hättest du vielleicht noch ein skizziertes beispiel, wie ich die ausgabe "antriggere"?

vielen dank

reglindis

In deiner view.html.php schreibst du folgendes:

PHP-Code:

$doc = JFactory::getDocument();
$doc->addScriptDeclaration("var url='".JURI::root(true).
                                         "/index.php?option=com_component".
                                         "&view=foo&format=raw;"); 


Deine Javascriptdatei enthält folgendes:

Code:

window.addEvent('domready', function(){
    var request = new Ajax(url, {
                            method: 'get',
                            update: $('feld-id') // anpassen!!
                        });

        $('tabX').addEvent('click', function(e) {  // Tab ID anpassen
                e = new Event(e).stop();

                request.request();
        });
}

Das läd jetzt halt nur ein Tab, mehrere Tabs kannst du dann mit mehreren url Variablen (z.B. eine zusätzliche ID als Parameter) und mehrere Ajax Requests machen. Ich denke, das Prinzip sollte aber klar sein.

bembelimen, wieder mal vielen dank für deine (superschnelle) hilfe. ich habe mir jetzt noch einen zusätzlichen parameter als quasi request-id definiert, um zu schauen, aus welchem teil der details die anforderung kommt und mit addScript das skript noch verfügbar gemacht. jetzt schau ich einfach mal, wie weit ich damit komme.