Textbox的Textchanged事件不要顺序

Question

我正在尝试根据用户类型在字符中输入的数字动态过滤数据。我发现，文本值似乎是出于秩序，我不知道为什么。例如，如果文本框中已经有“ 1379”，然后我在那之后输入“ 2019年”（因此以“ 13792019”结束），我会得到以下内容：

    TxtFilter_TextChanged; text 13792; Time: 637865675822596714
    TxtFilter_TextChanged; text 1379201; Time: 637865675846017202
    TxtFilter_TextChanged; text 13792019; Time: 637865675847734984
    TxtFilter_TextChanged; text 137920; Time: 637865675849383373

我正在tick中记录时间。我肯定可以看到这些值正在增加，但是我不知道为什么/“ 137920”如何在“ 13792019”之后出现？我可以始终如一地再现这个。

现在，我导致回发在钥匙UP上，以便可以将焦点放在文本框上。在onfocus上，我将光标设置为最后一个位置（否则它将返回到开始）。我开放的是更好的方法...

<script type="text/javascript">
function RefreshUpdatePanel(e) {
    __doPostBack('<%= txtFilter.ClientID %>', '');
    document.all.txtFilter.focus();
};

function SetEnd(txt) {
    if (txt.createTextRange) {
        //IE  
        var FieldRange = txt.createTextRange();
        FieldRange.moveStart('character', txt.value.length);
        FieldRange.collapse();
        FieldRange.select();
    }
    else {
        //Firefox and Opera  
        txt.focus();
        var length = txt.value.length;
        txt.setSelectionRange(length, length);
    }
}

CodeBehind：LoadorderList方法根据过滤后的文本绑定数据，然后为所选第一个项目（如果有）加载订单信息。

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        txtFilter.Attributes.Add("OnFocus", "SetEnd(this);");
        txtFilter.Attributes.Add("OnKeyUp", "RefreshUpdatePanel();");

        LoadOrderList();
    }
}

protected void TxtFilter_TextChanged(object sender, EventArgs e)
{
    DateTime dtNow = DateTime.Now;
    System.Diagnostics.Trace.WriteLine(string.Format("TxtFilter_TextChanged; text {0}; Time: {1}", ((TextBox)sender).Text, dtNow.Ticks));
    LoadOrderList();
}

Answer 1

我不会在这里完成全页。您需要进行Web API调用，传递文本框，恢复响应。您有使用AjaxtoolKit吗？它具有自动完整的预构建，可让您设置时机/延迟，甚至要输入的字符数量。

现在，我可能不想为此功能采用整个ajaxtoolkit，但是我当然会考虑使用工具包 - 因为自动完成套件确实可以很好地工作，并且自动魔术会为您提供ajax的启动 - 没有页面帖子。

而且易于使用。

您还可以获得多选择的组合框，一个真正光滑的对话框（更容易bootstratp或jquery.ui使用）。而且您可以找到非常好的上装。

因此，考虑AjaxtoolKit。它当然是有些过时的，但是如果您的项目仍然是Web表单，那么我将考虑采用工具套件，从那以后，您可以使用自动完成的示例和工具 - 战斗硬化的一个您知道的一个刚刚起作用。出色地。

实际上，请注意这里房间里的一头大象吗？

这是什么？

当然，为什么没有人愿意发布他们的工作示例，并建议/展示他们在这项非常常见的任务和功能中使用的用途。

而且由于没有人发布示例，因此非常意味着设置此类和示例的时间和精力比发布So所需的时间更多。

而且，如果显示出这样的Exmaple的时间是更多，那么将其发布为简单答案所需的时间？

你无与伦比失败了！！！ - 换句话说，您不仅想要这种功能，而且要再次执行此操作的接下来的10个示例呢？再一次？？？

那么真正的目标，真正的答案？

无论您走过哪条路和哪条路，您最认识地沿着一条可以一遍又一遍地使用工作解决方案的道路。

因此，说我想搜索一些酒店名称。所以，掉落；在文本框中，然后单击Ajax工具套件扩展器。

因此，我放在文本框中，然后去：

现在，选择自动完成

那么，现在我的标记是这个

    <font size="4">Search for Hotel : </font>
    <asp:TextBox ID="txtHotel" runat="server" Width="250px">
    </asp:TextBox>  

        <ajaxToolkit:AutoCompleteExtender
            ID="txtHotel_AutoCompleteExtender" runat="server" 
            BehaviorID="txtHotel_AutoCompleteExtender" DelimiterCharacters="" 
            ServiceMethod = "GetHotels"
            MinimumPrefixLength="1"
            TargetControlID="txtHotel">
        </ajaxToolkit:AutoCompleteExtender>

和背后的代码？此：

    [WebMethod()]

    public static List<string> GetHotels(string prefixText, int count)
    {
        List<string> Hotels = new List<string>();
        using (SqlConnection conn = new SqlConnection(Properties.Settings.Default.TEST4))                
        {
            string strSQL 
                = "SELECT HotelName FROM tblHotels " +
                   "WHERE HotelName like @SearchText + '%' " +
                   "ORDER BY HotelName";
            using (SqlCommand cmd = new SqlCommand(strSQL,conn))
            {
                cmd.Parameters.Add("@SearchText", SqlDbType.NVarChar).Value = prefixText;
                conn.Open();
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                        Hotels.Add(sdr["HotelName"].ToString());
                }
            }
        }
        return Hotels;
    }

现在我们已经有了：

​

因此，您具有以下设置：

因此，有“现有工具为此。

但是我想更多，然后出去挑选任何旧工具？

真正的交易，真正的问题？

您是否有一个工具可以让您花时间在这里回答问题，以显示一个有效的示例？？？

没有其他人愿意这样做的事实？

这并不意味着他们是卑鄙的人，坏人，甚至是懒惰的人。

但这确实意味着他们没有选择一个解决方案，它为您提供了巫师，助手和在UI设计人员中构建的解决方案，从而使我能够完成所有这些工作 - 因为我使用了非常简单的解决方案。