Consultez la FAQ sur le ZF avant de poster une question
Vous n'êtes pas identifié.
Pages: 1
bonjour à tous,
J'utilise l'autocomplétion avec le composant ZendX_JQuery_Form_Element_AutoComplete.
Tout fonctionne très bien, le seul problème est que j'aimerai pouvoir ajouter des options à cet élément comme limiter à 10 le nombre de propositions affichées ou utiliser une scrollbar.
J'ai vu que ceci était possible directement avec JQuery (max: 10) mais en passant par un composant ZendX je n'ai pas trouvé comment ajouter ces options.
voici mon code :
dans le formulaire :
$recherche = new ZendX_JQuery_Form_Element_AutoComplete("rech");
puis dans mon controller je remplis la liste à partir de ma BD :
$form = new Microsol_Form_SearchEchantillon(); foreach($echantillons as $echantillon): $tab[]=$echantillon->code_echantillon; endforeach; $form->rech->setJQueryParams(array('source' => $tab));
merci d'avance pour vos réponses car là je bloque vraiment, et rien trouvé sur le web pour l'instant !
Dernière modification par lefafa (05-05-2010 16:07:11)
Hors ligne
Je me réponds tout seul.
En jouant avec le fichier jquery.ui.autocomplete.css j'ai finalement réussi.
Il suffit de préciser un max-height pour limiter le nombre de suggestions affichées à la fois. Ensuite on utilise la propriété overflow pour faire apparaître une scrollbar.
.ui-autocomplete { position: absolute; cursor: default; /*partie à ajouter : */ max-height: 400px; -> limite la liste d'affichage à 400px overflow-y: auto; -> affiche une scrollbar si l'affichage dépasse 400px overflow-x: hidden; -> empeche l'affichage d'une scrollbar horizontale sous IE }
Hors ligne
Pages: 1