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
Veuillez vous inscrire ou vous se connecter pour commenter