j-Breadcrumb

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Configuration :

Icône d'accueil icon {String} (par défaut : ti ti-home)
Chemin exec {String} vers la méthode function(url, el) pour le traitement manuel des liens
historyapi {Boolean} permet la redirection via REDIRECT() (true par défaut)
style {Number} prend en charge deux styles 1 classique (par défaut), 2 avec un rembourrage plus grand et uniquement avec une bordure inférieure
root {String} une étiquette pour l'élément racine (par défaut : Root)
rooturl {String} une adresse URL relative pour l'élément racine (par défaut : /)
title {String} permet de générer document.title à partir du dernier élément du fil d'Ariane (par défaut : null)
NOUVEAU : icône de flèche arrowicon {String} (par défaut : ti ti-angle-right)

Exemple de source de données

[
	{
		name: 'Home',                // A link label
		url: '/'                     // URL address
		callback: Function(el, e)    // Optional, a callback for the click event
	},
	{
		name: 'Products',            // A link label
		url: '/'                     // URL address
	}
];

Méthodes

component.add(name1, url1, [callback])(name2, url2)(name3, url3)...
component.root() il réinitialise un fil d'Ariane

Utilisez-le avec <ui-component name="breadcrumb">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

example.html

<ui-component name="breadcrumb" path="common.breadcrumb">
	<div>Here you can use j-VirtualWire component</div>
</ui-component>

<script>
	var common = {};
	common.breadcrumb = [{ name: 'Home', url: '/' }, { name: 'Entities', url: '/entities/' }];
</script>