Discussion :

[zooffy]

Bonjour à tous.

J'ai mis en place une AutoComplete pour faire une liste dynamique de ville. tout fonctionne bien, mais je bloque sur un détail de présentation : la longueur de la liste.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<ajaxToolkit:AutoCompleteExtender ID = "ace" runat="server" 
	        OnClientItemSelected = "tbCity_ClientItemSelected"
	        CompletionSetCount="10"
	        CompletionInterval="250"
 
	        ServiceMethod = "GetVilleParNom"
            MinimumPrefixLength = "3"
	        TargetControlID = "txtACE" 
	        UseContextKey = "True" 
	        DelimiterCharacters = "" 
	        Enabled = "True" 
	        ServicePath="~/GMPhotoProfil.asmx">
 
	        </ajaxToolkit:AutoCompleteExtender>

Dans la documentation en ligne (là : http://www.asp.net/ajax/ajaxcontrolt...ocomplete.aspx) ils ne sont pas super explicite.

Malgré mon paramettre : CompletionSetCount="10" j'ai beaucoup plus de 10 items qui reviennent.

Alors double question :
- comment je fais pour limiter la longueur de la liste, car, pour l'instant elle va jusqu'en bas de la page, sans se poser de question
- dois je prendre le paramettre pour faire un SELECT TOP dans le WebService qui gère la recherche en base de donnée ?

Merci

[papouuu]

Si tu fais un SELECT TOP, à priori tu n'auras pas accès aux données qui n'en font pas partie.
Je travaille avec des contrôles Télérik, j'ai eu le même problème mais ils ont implémenté une propriété ShowMoreResultBox, je ne pense pas qu'elle existe pour les contrôles de base mais si tu fix la hauteur de ta liste ça ne fonctionne pas?
(propriété height à 150px par exemple)

[zooffy]

Ben j'ai pas de propriété Height directement accessible.
J'ai essayé de le faire avec une classe CSS mais pas mieux, au contraire, dés que je met une classe, ça me vire tout le formatage.

Mais ce qui me gêne le plus c'est que sur leur exemple, c'est ça que je veux, mais je ne trouve pas le moyen de le reproduire.

[papouuu]

Ok, j'ai trouvé. Il fallait afficher le code source, récupérer les fichier CSS et rechercher la classe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.autocomplete_completionListElement

Elle est indiquée dans le lien que tu as donné.

Tu dois donc définir à ton AutoCompleteExtender la propriété

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

CompletionListCssClass="TaClasse"

et dans le style de cette classe, mets

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    	text-align : left; 
    	list-style-type : none;

J'ai juste récupéré ce que j'ai trouvé dans le fichier, j'ai testé, ca marche nikel, a toi de bidouiller le style si tu veux autre chose

[zooffy]

Merci beaucoup, ça marche nickel.
J'avais pas pensé à faire la manip, je dois pas être dans mon assiette ce matin.

Bonne continuation