L'augmentation de la largeur de la liste d'extension autocomplete

J'ai une extension autocomplete ASP.NET AJAX avec CompletionListCssClass=autocomplete_completionListElement:L'augmentation de la largeur de la liste d'extension autocomplete

.autocomplete_completionListElement 
{ 
    width:500px; 
    margin : 0px!important; 
    background-color : inherit; 
    color : windowtext; 
    border : buttonshadow; 
    border-width : 1px; 
    border-style : solid; 
    overflow :auto; 
    height : 200px; 
    text-align : left; 
}

Mais pour une raison étrange, la largeur de la liste complète automatique prend toujours la largeur de la zone de texte même quand je définis la largeur à 500px. Y'a t'il un moyen d'arranger cela?

Source

2010-03-30 Kumar

J'ai finalement compris. J'ai utilisé la OnClientPopulated="onListPopulated" propriété comme suit:

function onListPopulated() { 

     var completionList = $find("AutoCompleteEx").get_completionList(); 
     completionList.style.width = 'auto'; 
}

Source

2010-03-31 01:14:58 Kumar

Upvote que cela a fonctionné pour moi, mais juste de noter que, lors de la déclaration du AutoCompleteExtender, je devais inclure une propriété BehaviorID = « AutoCompleteEx » pour lui permettre de trouver de $ trouver dans la fonction. – CodeClimber

bonne pensée ... –

Je crois que vous pouvez accomplir cela en changeant

width:500px;

width:500px!important;

Tim Mackey expose plus en this blog post. Fondamentalement, vous devez utiliser !important pour remplacer le craché CSS par le contrôle lui-même.

Source

2010-03-31 01:19:49

c'est une solution simple. –

Vous devez régler la min-width à 500px

Source

2011-07-29 02:54:58

L'augmentation de la largeur de la liste d'extension autocomplete

Répondre

Questions connexes