J3.x

J3.x: Einsatz der JHtmlTabs Klasse in einer Komponente

From Joomla! Documentation

This page is a translated version of the page J3.x:Using the JHtmlTabs class in a component and the translation is 100% complete.
Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français
Joomla! 
≥ 3.0
Veröffentlichungen

Übersicht

JHtmlTabs hat 3 statische Methoden die zum Erstellen von Tab-Menüs verwendet werden können. Alle Funktionen geben strings zurück.

Optionen für JHtmlTabs

Dies sind die Optionen die dem Code übergeben werden können JHtmlTabs::start () - Funktion in Form eines Arrays.

onActive: Eine callback-Funktion, wenn eine Registerkarte mit zwei Parametern aktiviert ist. 'title' ist das Register selbst und "description" ist der Inhalt der Registerkarte.

onBackground: Eine callback-Funktion, wenn eine Registerkarte sich im Hintergrund befindet.

startOffset: Die Standard-Registerkarte um zu beginnen (zero-basierter Index).

useCookie: Zum Speichern des aktiven Zustands der Registerkarte Cookies einsetzen oder nicht. (boolean) (true | false) // Dies ist kein String. Verwende keine quotes.

Beispiel

$options = array(
    'onActive' => 'function(title, description){
        description.setStyle("display", "block");
        title.addClass("open").removeClass("closed");
    }',
    'onBackground' => 'function(title, description){
        description.setStyle("display", "none");
        title.addClass("closed").removeClass("open");
    }',
    'startOffset' => 0,  // 0 starts on the first tab, 1 starts the second, etc...
    'useCookie' => true, // this must not be a string. Don't use quotes.
);

//Note that the options argument is optional so JHtmlTabs::start() can be called without it

echo JHtmlTabs::start('tabs_id',$options);
echo JHtmlTabs::panel("Panel Title 1",'panel-id-1');
    echo "<h2>Content of first panel goes here!</h2>";
    echo "<p>You can use JLayouHelper to render a layout if you want to</p>";
echo JHtmlTabs::panel(JText::_('CUSTOM_PANEL_TITLE'),'panel-id-2'); //You can use any custom text
    echo "<h2>Content of second panel goes here!<h2>";
echo JHtmlTabs::end();