Skip to content
Valider c420ccd5 rédigé par rastapopoulos@spip.org's avatar rastapopoulos@spip.org
Parcourir les fichiers

Un premier jet à tester pour rendre le sélecteur générique *vraiment*...

Un premier jet à tester pour rendre le sélecteur générique *vraiment* générique, c'est-à-dire sans recoder un JS personnalisé à chaque fois.

Le principe est de déclarer le sélecteur à utiliser pour une autocomplétion directement dans le HTML avec un attribut personnalisé.

<input name="truc" data-selecteur="bidule" />
activera l'autocomplétion sur ce champ en utilisant le squelette "selecteurs/bidule.html".

Les sélecteurs utilisés avec ce système doivent renvoyer un tableau JSON comme l'indique la doc de UI.autocomplete : la liste contient des chaînes simples ou des tableaux avec les clés "label" et "value".

En sus, il est possible de gérer une liste multiple dans le champ texte en ajoutant l'attribut "multiple" au HTML : dans ce cas seul le dernier terme après la dernière virgule sera envoyé au sélecteur pour la recherche :
<input name="tags" data-selecteur="mes_tags" multiple="multiple" />

En sus de sus, il est possible de personnaliser le comportement qui s'activera lors de la sélection d'un élément dans la liste : il suffit alors de déclarer le nom de la fonction JS à appeler dans le HTML :
<input name="truc" data-selecteur="bidule" data-select-callback="ma_fonction_de_selection" />

Cette fonction reçoit les arguments (event, ui) et le tableau décrivant le résultat sélectionné se trouve dans "ui.item".
parent 0bc9bf02
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter