javascript - Asp.net autocompleteextender 选择光标点问题

Question

我使用 autocompleteextender 进行文本框自动完成。我已经编写了附加 js 用于建议和值选择。问题是在输入一些字母后，如果我从上到下移动光标，那么它不会选择光标指向的值。它选择光标位置上方的值。仅当光标从上到下移动时才会出现此问题。从下到上移动时效果很好。

在下面的快照中，您可以看到我的光标位置及其上面突出显示的值。

    <asp:TextBox ID="clientCode" runat="server" CssClass="field-pitch" ClientIDMode="Static"></asp:TextBox>

    <asp:AutoCompleteExtender ServiceMethod="SearchClientCode"
 ServicePath="~/auto.aspx" MinimumPrefixLength="1" CompletionInterval="100"
 EnableCaching="false" CompletionSetCount="10" TargetControlID="clientCode"
 ID="clientCodeExtender" runat="server" FirstRowSelected="false"
 CompletionListCssClass="completionList" CompletionListItemCssClass="listItem"
 CompletionListHighlightedItemCssClass="itemHighlighted"
 OnClientPopulated="onClientPopulated" OnClientItemSelected="itemSelected"
 BehaviorID="AutoCompleteEx"></asp:AutoCompleteExtender>

            <script type="text/javascript">
                function itemSelected(ev) {
                    var index = $find("AutoCompleteEx")._selectIndex;
                    if (index != -1) {
                        $find("AutoCompleteEx").get_element().value = $find("AutoCompleteEx").get_completionList().childNodes[index]._value;
                    }
                    else {
                        $find("AutoCompleteEx").get_element().value = '';
                    }
                }

                function onClientPopulated(sender, e) {
                    var List = $find("AutoCompleteEx").get_completionList();
                    for (i = 0; i < List.childNodes.length; i++) {
                        var _value = JSON.parse(List.childNodes[i]._value);
                        var abbr = _value[0];
                        var fullform = _value[1];
                        List.childNodes[i]._value = abbr;
                        List.childNodes[i].innerHTML = "<span>" + abbr + "(" + fullform + ")</span>"
                    }
                }
          </script>

隐藏代码

[System.Web.Script.Services.ScriptMethod(), System.Web.Services.WebMethod()]
public static List<string> SearchClientCode(string prefixText, int count)
{
    MySqlConnection conn = new MySqlConnection();
    conn.ConnectionString = ConfigurationManager.ConnectionStrings("conio").ConnectionString;
    MySqlCommand cmd = new MySqlCommand();
    cmd.CommandText = "SELECT clientID, clientName FROM clientsDetails where (clientID like @SearchText)";
    cmd.Parameters.AddWithValue("@SearchText", prefixText + Convert.ToString("%"));
    cmd.Connection = conn;
    conn.Open();
    List<string> customers = new List<string>();
    MySqlDataReader sdr = cmd.ExecuteReader;
    JavaScriptSerializer serializer = new JavaScriptSerializer();
    while (sdr.Read) {
        object[] item = new object[] {
            sdr("clientID").ToString(),
            sdr("clientName").ToString()
        };
        customers.Add(serializer.Serialize(item));
    }
    conn.Close();
    return customers;
}

Answer 1

您应该使用 OnClientItemSelected 方法的给定参数:

function itemSelected(source, eventArgs) {
    $find("AutoCompleteEx").get_element().value = eventArgs.get_value();
}