TabsElement()

Représente et gère une navigation par onglet.

new TabsElement()
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 77

Utilise 3 data : navs => Liste des onglets, séparé par une virgule. ex-label => Informations supplémentaires de localisation description => Description brève de la liste d'onglet Pour le contenu, utilisez `data-linked-to=tab` avec tab qui est un des onglets défini dans `data-navs`. Il y a 1 évènement qui s'utilise soit en jquery soit en NodeElement. Lorsqu'un onglet change, implémentez en NodeElement : ontabswitched, il s'agit d'un `JsEvent`. En Jquery, `api:tabswitched`.
Example
<bnum-tabs data-navs="subscribed, publics, archived" data-ex-label="mel_workspace" data-description="Liste des différents espaces auquel on a souscris"></bnum-tabs>

Extends

  • HtmlCustomElement

Classes

TabsElement
TabsElement

Members

ontabswitched :JsEvent:.<OnTabSwitched:>
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 113

Liste des actions à faire lorsqu'un onglet est cliqué.

static, readonly DEFAUT_VOICE :string
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 480

Description par défaut

static, readonly ID_SR_PREFIX :string
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 472

Prefix de l'i de la balise descriptive
Default Value:
  • 'mel-tab-sr-'

static, readonly ID_TABPANNEL_PREFIX :string
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 463

Prefix de l'id d'un pannel
Default Value:
  • 'mel-tabpannel-'

static, readonly ID_TAB_PREFIX :string
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 454

Prefix de l'id d'un onglet
Default Value:
  • 'mel-tab-'

static, readonly TAG :string
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 445

Tag de l'élément. Cela défini la balise que l'on doit utiliser.

Methods

_click_button_action(tab) → {TabsElement}
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 324

Action à faire à faire sur l'onglet séléctionné
Parameters:
Name Type Description
tab string
Returns:
TabsElement - Chaîne

_generate_id(selectoropt) → {string}
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 422

Génère un id. Pour tester l'id dans le selecteur, mettez `%0`.
Parameters:
Name Type Attributes Default Description
selector string <optional>
 '[data-tab-namespace="%0"]' `%0` sera remplacer par l'id générer.
Returns:
string

_select_button(tab) → {TabsElement}
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 378

Selectionne le bouton de l'onglet. Désecltionne les autres.
Parameters:
Name Type Description
tab string Onglet à séléctionné
Returns:
TabsElement - Chaîne

_show_pannel(pannel) → {TabsElement}
Roundcube-plugins-Mel/plugins/mel_metapage/js/lib/html/JsHtml/CustomAttributes/tab_web_element.js, line 399

Affiche le pannel séléctionné, cache les autres.
Parameters:
Name Type Description
pannel string
Returns:
TabsElement - Chaîne