Inhalt auf Registerkarte laden Öffnen mit Spry

Question

Kann der Inhalt einer Spry-Registerkarte beim Öffnen der Registerkarte geladen werden, anstatt den gesamten Inhalt aller Registerkarten am Anfang zu laden?

Ich würde es vorziehen, dies ohne die Verwendung eines Iframe zu erreichen.

Answer 1

Eine einfache Möglichkeit wäre, alle Tabs mit leerem Inhalt zu starten, außer dem, der mit der Seite geladen wird.

Von was ich von einer einfachen Ansicht Quelle sehe, haben sie diese Struktur.

<div class="TabbedPanels" id="tp1"> 
    <ul class="TabbedPanelsTabGroup"> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 3</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 4</li> 
    </ul> 
    <div class="TabbedPanelsContentGroup"> 
    <div class="TabbedPanelsContent"> Tab 1 Content </div> 
    <div class="TabbedPanelsContent"> Tab 2 Content </div> 
    <div class="TabbedPanelsContent"> 
     <p>Tab 3 Content </p> 
     <p>More Content</p> 
     <p>More Content</p> 
    </div> 
    <div class="TabbedPanelsContent"> Tab 4 Content</div> 
    </div> 
</div> 

Attach Onclick Ereignis-Listener auf # tp1.TabbedPanelsTab und verknüpft es mit einem Ajax-Request. Wenn der Benutzer auf die Registerkarte klickt, wird die Anfrage gestartet und das Formular ausgefüllt.

Es kann einfacher sein, eine ID hinzuzufügen, die darauf verweist, wo die Daten für dieses bestimmte Formular abgerufen werden. Zum Beispiel könnte Tab 1 die ID "salesRecords" haben. Lassen Sie uns auch sagen, dass Sie alle Ihre Daten aus getContent.php erhalten. Wenn der Benutzer das onclick-Ereignis aktiviert, verwenden Sie eine ajax-Anforderung, um die Informationen von der URL "getContent.php?id="+this.id abzurufen, die natürlich die Abfragezeichenfolge verwendet, um die interessanten Informationen zurückzugeben.