AutoCompleteExtender列表焦点项目超出了查看范围

时间:2015-11-26 09:38:37

标签: c# css asp.net ajaxcontroltoolkit autocompleteextender

我的网络应用程序中有一个autocompleteextender。当用户使用键盘的向上和向下箭头浏览列表项时,有时焦点的项目将在滚动视图范围之外。如果"大多数"如何设置列表框以自动滚动?在当前滚动视图中看不到该项?

enter image description here

这是我在控件上应用的CSS:

<style type="text/css">
                   /*AutoComplete flyout */
                .completionList {
                border:solid 1px #444444;
                margin:0px;
                padding:0px;
                height: 143px;
                overflow:auto;
                background-color: #FFFFFF;
                }

                .listItem {
                display: block;
                padding: 5px 5px;
                border-bottom: 1px solid #DDD;  
                font-size:small;
                font-style:normal;
                font-weight:400;
                }

                .itemHighlighted {
                background-color: lightgray;
                display: block;
                padding: 5px 5px;
                font-size:small;
                border-bottom: 1px solid #DDD;
                }
           </style>

这是控件:

<ajaxToolkit:AutoCompleteExtender ID="ACSource" runat="server" TargetControlID="txtSource_Type" ServiceMethod="AutoCompleteSourceType" CompletionListCssClass="completionList" 
CompletionListHighlightedItemCssClass="itemHighlighted" CompletionListItemCssClass="listItem" MinimumPrefixLength="1" 
OnClientItemSelected="SourceTypeSelected" ></ajaxToolkit:AutoCompleteExtender>

0 个答案:

没有答案