AutoComplete Extender - 滚动条导致结果关闭？答案

【问题标题】：AutoComplete Extender - Scroll bar causes results to close?AutoComplete Extender - 滚动条导致结果关闭？
【发布时间】：2017-03-29 20:46:25
【问题描述】：

我有一个使用文本框、自动完成扩展器和自动完成下拉面板运行的网站。基本上，当用户开始在文本框中输入名称时，结果会在几秒钟内出现。由于可能有数百行，我需要一个滚动条。然后使用只是选择名称。由于某种原因，它现在已损坏（也许用 IE 更新？因为它在 Chrome 中运行良好）现在当用户使用滚动条时，它会自动关闭结果并且无法进行选择。我无法在网上找到解决方案。我需要使用更新的 ajax 工具包吗？如果是这样，我该如何更换它？或者我的代码有什么可以添加或更改的吗？

更新：我发现这个问题只出现在 Surface Pro 平板电脑上。因此，带有 IE11 和平板电脑的东西会导致这种情况。即使平板电脑与普通键盘和鼠标对接。

是否可以对带有滚动条的下拉面板使用 cancelBubble 函数？我有一个问题，当释放鼠标后单击滚动条滚动抛出的行时，结果关闭。从阅读中我认为我需要某种 cancelBubble 事件或停止传播

  <asp:Panel ID="autocompleteDropDownPanel" runat="server" 
            ScrollBars="Auto" Height="200px" Font-Size="Medium" 
            HorizontalAlign="Left" Wrap="False" />

 <asp:AutoCompleteExtender ID="AutoCompleteExtender" runat="server" 
        DelimiterCharacters="" Enabled="True" ServicePath="AutoComplete.asmx" 
                ServiceMethod="GetCompletionList" TargetControlID="DoctorNameTextBox" 
                UseContextKey="true" ContextKey="StateDropDown"
                CompletionListElementID="autocompleteDropDownPanel" 
                onclientitemselected="getSelected"
                ShowOnlyCurrentWordInCompletionListItem="True" CompletionInterval="100" 
                MinimumPrefixLength="2">

    </asp:AutoCompleteExtender>

【问题讨论】：

你能发布你的文本框标记吗？
在平板电脑上点击并点击下拉菜单有问题，一个会触发另一个。你描述的就像一个水龙头；当您尝试单击并滚动时。

标签： asp.net ajax vb.net autocomplete ajaxcontroltoolkit

【解决方案1】：

只需编辑类的 css。

Overflow: Auto;
Height: 60px;

如果这不起作用，请尝试以下操作：设置AutoPostBack=false。如果 AutoCompleteExtender 功能通过设置 AutoPostBack=false 消失了，那么通过使用 OnClientItemSelected 属性，我可以调用触发回发的 javascript 函数。

【讨论】：