ASP.NET AJAX Toolkit Combobox：无需单击 ENTER 两次即可回发

Question

我在我的应用程序中使用 ComboBox 来实现功能，并且我有 AutoCompleteMode="Suggest"。

但是，在我在文本框中输入搜索后，我需要按 ENTER 两次才能回发并显示一些结果。这是默认行为，如官方演示。 在我看来，这有点烦人而且不直观......

有人知道如何避免这种行为，并只按一次吗？

提前致谢

Answer 1

我遇到了同样的问题并解决了它：

如果您不希望按钮被单击两次，则必须将 autopostback 属性设置为“false”。

Answer 2

将控件的 AutoPostback 属性更改为 true。这将捕获 Tab 键，该键会起作用，因为控件失去焦点。

我怀疑是否有一个好方法来捕获回车键，除非您准备打开源代码并执行一些修改。

<ajaxToolkit:ComboBox ID="ComboBox1" runat="server" 
     AutoPostBack="True" 
     DropDownStyle="DropDownList" 
     AutoCompleteMode="SuggestAppend" 
     CaseSensitive="False" 
     CssClass="" 
     ItemInsertLocation="Append" ... > 

Answer 3

汤姆，简是对的，我以前也遇到过这种事。你只需要将 autopostback 设置为 false 即可。因此，您可能需要将 ComboBox autopostback 设置为 false。

Answer 4

我设法用下面的代码解决了这个问题：

在您的 aspx 文件中，组合框控件将是：

<ajaxToolkit:ComboBox ID="cbCountries" CssClass="AquaStyle2" runat="server" AutoPostBack="true" DropDownStyle="DropDownList"
        AutoCompleteMode="SuggestAppend" CaseSensitive="False" ItemInsertLocation="Append" onkeydown="FireEnterKey(this, event)" />

然后，添加对 javascript 文件的引用，并在其中添加以下函数：

function FireEnterKey(elem, evt) {
    var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;

    if (keyCode != 13)
        return;

        var belem = $get(elem.attributes.id.value + "_Button");  //ctl00_ContentPlaceHolder1_cbCountries_Button
        var telem = $get(elem.attributes.id.value + "_TextBox");  //ctl00_ContentPlaceHolder1_cbCountries_TextBox

        if (navigator.userAgent.search("Firefox") >= 0) {
            elem.onchange();
        }
        else if (navigator.userAgent.search("MSIE") >= 0) {
            elem.onchange();
            telem.blur();
        }
        else {  // Opera, Safari, Chrome
            telem.blur();
        }
}

我希望上面的代码能够回答您的问题。