2010-05-30 5 views
0

J'ai un html.dropdownlist sur ma page Web comme suit:Comment limiter le nombre d'éléments affichés dans html.dropdownlist?

<%=Html.DropDownList("MyDropDown", Model.Data, new { @class = "dropdown"})%> 

Je suis peuplant le menu déroulant avec 80 ~ articles.

Le problème est que lorsque je clique sur la liste déroulante, la liste des éléments est rendue du haut de l'écran au bas de l'écran.

Comment puis-je configurer la liste déroulante afin qu'elle affiche uniquement 20 éléments maximum lorsque le menu déroulant est cliqué (par exemple, l'utilisateur doit faire défiler vers le bas pour voir les éléments 21 à 80)?

Je prévoyais qu'il y aurait une propriété html.dropdownlist pour contrôler le nombre d'éléments affichés qui permettrait à quelque chose comme par exemple suivant (!):

<% =Html.DropDownList("MyDropDown", Model.Data, new { @class = "dropdown", rows ="20"}) %> 

De la recherche je fais sur le site msdn il semble qu'il n'y a pas de telle propriété et que chaque navigateur a ses propres règles sur le nombre d'éléments affichés dans une liste déroulante (?). Je utilise IE6 et IE7.

+1

Malheureusement, il n'y a pas une telle propriété. Le nombre de lignes affichées avant l'affichage d'une barre de défilement verticale varie en fonction du navigateur. Si vous voulez contrôler ce comportement, vous devrez peut-être implémenter votre propre contrôle 'select' en utilisant divs, etc ... –

Répondre

1

FlexBox vous permet de "page" les lignes.

Questions connexes