Ajax：Listsearchextender 在 IE 和 Chrome 中不起作用答案

【问题标题】：Ajax: Listsearchextender not working in IE and ChromeAjax：Listsearchextender 在 IE 和 Chrome 中不起作用
【发布时间】：2014-08-26 03:49:38
【问题描述】：

我在我的一个 asp:DropDownList 上使用了 Ajax Listsearchextender，它在 Internet Explorer 和 Chrome 中的行为似乎不正确。

在两个浏览器中，我都可以输入我的搜索词并按 Enter 键，然后将选择正确的元素，尽管没有一个浏览器在输入时突出显示“建议”选项。 Chrome 在输入时不会更改 searchExtender 的 promptText，在 IE 中打开的 DropDownList 通常会覆盖整个 searchExtender，因此无法知道它是否存在。尽管 searchExtender 在技术上可以正常工作（在输入时选择），但它缺乏基本的反馈，因此无法在 IE 和 Chrome 中使用。

另一方面，在 Firefox 中，一切都像魅力一样运行。我会将我的代码放在这里以作为好的措施，但由于它在 Firefox 中运行，我不确定问题是否存在。

<ajaxToolkit:ListSearchExtender ID="lse_ddl" runat="server"
    TargetControlID="ddl" PromptCssClass="PanelSearch" PromptText="Search.."/>
<asp:DropDownList ID="ddl" style="width:350px;" runat="server"/>

我对 searchExtender 做的唯一样式是添加一个边框，这样它就可以更明显..

我想知道那些已知问题是否存在，如果是，有没有办法可以解决这个问题？我还想知道是否有比使用 Ajax 的 Listsearchextender “更推荐”的方式来实现 Dropbox 自动建议，因为它似乎没有得到很好的支持。

谢谢！

【问题讨论】：

嗯，我去了ajaxcontroltoolkit.codeplex.com/workitem/list/basic，这似乎是一个报告问题已经有一段时间了。开发人员没有给出太多反馈，距离上次更新已经 8 个月了，总体而言，这个库似乎没有得到很好的维护。我切换到了 Chosen 库（基于 jQuery：harvesthq.github.io/chosen），它可以满足我的所有需求，而且比 Listsearchextender 更好看。
感谢您的提示 (harvesthq.github.io/chosen)。事实上，这个错误已经存在太久了，没有得到修复。我会将我的代码添加到这篇文章中。
很高兴能帮上忙。我仍然很惊讶它没有得到修复，因为它显然不起作用。我在 .Net 方面没有太多经验，但认为 ajaxToolkit 比较常用..

标签： asp.net ajax internet-explorer google-chrome

【解决方案1】：

对于将来遇到此问题的任何人 - 我遇到了类似的问题，除了 Chrome 对我来说工作正常，而 IE 只显示搜索提示的最后一个字母或输入框中的任何内容。我发现了一些信息here，表明您需要目标控件具有适当的宽度。这适用于 Chrome，但对于 IE 来说还不够。我发现的工作是更新您的 PromptCssClass 以包括宽度和边框，如下所示：

.lse 
{
    width: 250px;
    border:1px solid black;
    border-style:ridge;
}

可能还有其他一些可行的变体，等待实验。 YMMV。

【讨论】：