Jquery autocomplete - custom html pour la liste de résultats
Je me réfère à ce plugin: http://jqueryui.com/demos/autocomplete/
De sorte que la structure d'origine pour les résultats est
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all">
<li class="ui-menu-item">
<a class="ui-corner-all">item 1</a>
</li>
<li class="ui-menu-item">
<a class="ui-corner-all">item 2</a>
</li>
<li class="ui-menu-item">
<a class="ui-corner-all">item 3</a>
</li>
</ul>
J'ai besoin de faire des liens à l'intérieur de ressembler à quelque chose comme ceci:
<a class="myclass" customattribute="something"> The item </a>
S'il vous plaît ne me dites pas la seule solution pour modifier le plugin parce que je ne veux pas le même format pour tous les auto-complété sur le site.
Vous devez vous connecter pour publier un commentaire.
Vous avez besoin pour remplacer la
_renderItem
méthode (pour la saisie semi-automatique dans la question):(en supposant que le
items
dans votresource
ont une propriété appeléecustomattribute
)Comme indiqué dans cet exemple: http://jqueryui.com/demos/autocomplete/#custom-data
_renderItem
.C'est également documenté dans jquery ui autocomplete de la documentation à: Jquery-la saisie semi-automatique.
Le truc, c'est:
Puis dans la saisie semi-automatique de l'option de passer
);
Maintenant, vous pouvez passer en html(comme <div>exemple</div>) "label" champ de sortie JSON pour la saisie semi-automatique.
Si vous ne savez pas comment ajouter le plugin pour JQuery alors:
Post date: 28 juillet 2013
Vous pourriez essayer d'ajouter les attributs de l'événement "open":