TrierPar

Liste

Titre	Visibilité	idListe

<trier-par options="[{"titre":"Titre","value":"titre"},{"titre":"Publique","value":"publique"},{"titre":"ID Liste","value":"idListe"}]" cible="#contenu1" url="/ajax/mon_compte_liste" nom-event="tplListe" > </trier-par>

Paramètres

options:json : La liste des éléments qui seront dans select. Le json doit avoir les paramètres
- titre (valeur visible)
- value (valeur envoyée)

cible:string : valeur qui sera utiliser dans document.querySelector(cible) pour identifier l'html qui doit être modifier

url:string : l'url qui sera appelé sur le serveur pour récupérer les nouvelles données

nom-event:string : nom de l'event qui sera écouter pour récupérer le template de l'html à former. Ex :

<script>
function tplListe(event)
{
	const { donnees, resolve } = event.detail
	
	const retour =  Lib.html`
		<tr>
			<td>${donnees.titre}</td>
			<td>${donnees.publique ? 'Public' : 'Privé'}</td>
			<td>${donnees.idListe}</td>
		</tr>
	`
	
	resolve(retour)
}

document.addEventListener('tplListe', tplListe)

</script>