Question

我在我的一个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做的唯一样式是添加边框，以便更加明显..

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

谢谢！

Answer 1

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

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

可能还有其他一些变体可以使用，等待实验。 YMMV。

Ajax：Listsearchextender无法在IE和Chrome中运行

1 个答案: