web-dev-qa-db-fra.com

Jquery ui autocomplete (1.8) Faites défiler

j'ai des problèmes de configuration du module Autocomplete de JQuery-UI. J'ai besoin que lorsque la quantité de données à sélectionner est assez grande une barre de défilement apparaît.

C'est ce que j'ai essayé:

  • dans le jquery-ui-1.8.16.css j'ai mis ceci:
ui.autocomplete{
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

* Comme indiqué dans la I-Documentation exemple

C'est comme ça que je déclare et saisi une entrée automatique:

$("#myInput").autocomplete({
    source: mySource,
    minLength: 0,
});

Je ne sais pas pourquoi la barre de défilement n'apparaît pas, aucune aide serait appréciée. Merci beaucoup!

jqueryjquery-uiscrolljquery-ui-autocompletejquery-scrollable
23
Andreu Ramos

Vous devriez remplacer le CSS le configurant dans la page comme celle-ci

<style>
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}
</style>

au lieu de changer de valeurs dans jquery-ui-1.8.16.css

69
Nicola Peluchetti